/*********************************************************************************
 * Zurmo is a customer relationship management program developed by
 * Zurmo, Inc. Copyright (C) 2013 Zurmo Inc.
 *
 * Zurmo is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY ZURMO, ZURMO DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 *
 * Zurmo is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 *
 * You can contact Zurmo, Inc. with a mailing address at 27 North Wacker Drive
 * Suite 370 Chicago, IL 60606. or at email address contact@zurmo.com.
 *
 * The interactive user interfaces in original and modified versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 *
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the Zurmo
 * logo and Zurmo copyright notice. If the display of the logo is not reasonably
 * feasible for technical reasons, the Appropriate Legal Notices must display the words
 * Copyright Zurmo Inc. 2013. All rights reserved.
 ********************************************************************************/
.zurmo * {
  margin: 0;
  padding: 0;
}
.border-box,
.has-lang-label input + span,
.mapping-rules label,
.import-summary li,
.hasTree,
.dynamic-droppable-area,
.drop-zone,
.drop-zone div,
.dynamic-row,
.dynamic-sub-row,
.dynamic-row-label,
.dynamic-action-attribute-should-set-value,
.dynamic-row-operator,
.dynamic-action-attribute-type-and-value-wrapper,
.dynamic-row-field,
.value-data,
.report-runtime-availability,
#RuntimeFiltersForPortletView .view-toolbar-container,
.hasDrillDownContent,
.first-series-and-range-area > div,
.second-series-and-range-area > div,
.email-message-recipient-rows,
.all-related-field,
.static-address-field,
.zero-components-view.TimeTrigger,
#time-trigger-container,
.time-trigger-attribute-selector-container,
.dynamic-row-duration,
.ComponentForWorkflowWizardView .add-email-message-button-container,
.ComponentForWorkflowWizardView .action-type-selector-container,
.ComponentForWorkflowWizardView .droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .zero-components-view,
.workflow-order-module-selector-container,
#workflow-order-container,
.WorkflowRulesOrder,
.no-workflows-to-order-view,
.tabs-container,
.email-template-content,
.tabs-container > .tab,
.email-template-content > .tab,
.autoresponder-combined-content .big-spinner,
.email-template-combined-content .big-spinner,
.email-template-content .big-spinner,
.autoresponder-stats,
.module-intro-steps > div,
.module-intro-steps h3,
.module-intro-steps p,
.continuum > div,
.import-item-stage-status,
.email-recipient-stage-status,
#kanban-board,
#kanban-board .drop-zone-container,
#kanban-board .drop-zone,
.kanban-column,
.kanban-card > div,
.webform-embed-code textarea,
#business-card-buttons > div,
#business-card-buttons a,
#sliding-panel-toggle,
.mini-button,
.project-stats {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cf:before,
.cf:after,
.recipient:before,
.recipient:after,
#NoUserEmailConfigurationYetView:before,
#NoUserEmailConfigurationYetView:after,
.dynamic-row:before,
.dynamic-row:after,
.dynamic-row > div:before,
.dynamic-row > div:after,
.dynamic-sub-row:before,
.dynamic-sub-row:after,
.zero-components-view.TimeTrigger:before,
#time-trigger-container:before,
.zero-components-view.TimeTrigger:after,
#time-trigger-container:after,
.ComponentForWorkflowWizardView .add-email-message-button-container:before,
.ComponentForWorkflowWizardView .action-type-selector-container:before,
.ComponentForWorkflowWizardView .add-email-message-button-container:after,
.ComponentForWorkflowWizardView .action-type-selector-container:after,
.workflow-order-module-selector-container:before,
.workflow-order-module-selector-container:after {
  content: " ";
  display: table;
}
.cf:after,
.recipient:after,
#NoUserEmailConfigurationYetView:after,
.dynamic-row:after,
.dynamic-row > div:after,
.dynamic-sub-row:after,
.zero-components-view.TimeTrigger:after,
#time-trigger-container:after,
.ComponentForWorkflowWizardView .add-email-message-button-container:after,
.ComponentForWorkflowWizardView .action-type-selector-container:after,
.workflow-order-module-selector-container:after {
  clear: both;
}
.cf,
.recipient,
#NoUserEmailConfigurationYetView,
.dynamic-row,
.dynamic-row > div,
.dynamic-sub-row,
.zero-components-view.TimeTrigger,
#time-trigger-container,
.ComponentForWorkflowWizardView .add-email-message-button-container,
.ComponentForWorkflowWizardView .action-type-selector-container,
.workflow-order-module-selector-container {
  *zoom: 1;
}
.clearfix,
#MarketingListsExternalActionsPageView > .GridView,
#MarketingListsManageSubscriptionsPageView > .GridView,
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .Warning,
#kanban-board,
#ContactWebFormEditAndDetailsView .ui-sortable {
  *zoom: 1;
}
.clearfix:before,
#MarketingListsExternalActionsPageView > .GridView:before,
#MarketingListsManageSubscriptionsPageView > .GridView:before,
#MarketingListsExternalActionsPageView .Warning:before,
#MarketingListsManageSubscriptionsPageView .Warning:before,
#kanban-board:before,
#ContactWebFormEditAndDetailsView .ui-sortable:before,
.clearfix:after,
#MarketingListsExternalActionsPageView > .GridView:after,
#MarketingListsManageSubscriptionsPageView > .GridView:after,
#MarketingListsExternalActionsPageView .Warning:after,
#MarketingListsManageSubscriptionsPageView .Warning:after,
#kanban-board:after,
#ContactWebFormEditAndDetailsView .ui-sortable:after {
  content: " ";
  display: table;
}
.clearfix:after,
#MarketingListsExternalActionsPageView > .GridView:after,
#MarketingListsManageSubscriptionsPageView > .GridView:after,
#MarketingListsExternalActionsPageView .Warning:after,
#MarketingListsManageSubscriptionsPageView .Warning:after,
#kanban-board:after,
#ContactWebFormEditAndDetailsView .ui-sortable:after {
  clear: both;
}
.flyout {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
}
.modal-view-toolbar a,
.modal-view-toolbar input[type="submit"],
.modal-view-toolbar input[type="button"],
.form-toolbar a,
.form-toolbar input[type="submit"],
.form-toolbar input[type="button"],
.zButton,
.z-button,
a.zButton,
a.z-button,
.white-button,
#InstallPageView .AppContainer a,
a#InstallPageView .AppContainer a,
#InstallPageView #install-form input[type="submit"],
a#InstallPageView #install-form input[type="submit"],
.configuration-list li a,
a.configuration-list li a,
table.configuration-list td:last-child a,
atable.configuration-list td:last-child a,
.multiselect-holder input[type="button"],
a.multiselect-holder input[type="button"],
.EmailTestingButton,
a.EmailTestingButton,
.file-upload-box .ui-icon-plusthick,
a.file-upload-box .ui-icon-plusthick,
.ui-datepicker .ui-datepicker-current,
a.ui-datepicker .ui-datepicker-current,
.ui-datepicker .ui-datepicker-close,
a.ui-datepicker .ui-datepicker-close,
.designer-toolbar input[type="submit"],
a.designer-toolbar input[type="submit"],
#contactStatesData_AddInputButton,
#customFieldDataData_AddInputButton,
a#contactStatesData_AddInputButton,
a#customFieldDataData_AddInputButton,
.ModalGameNotification a,
a.ModalGameNotification a {
  border-top: 1px solid rgba(200, 200, 200, 0.4);
  border-left: 1px solid rgba(185, 185, 185, 0.4);
  border-right: 1px solid rgba(185, 185, 185, 0.4);
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  color: #666 !important;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-indent: 0;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
.modal-view-toolbar a:before,
.modal-view-toolbar input[type="submit"]:before,
.modal-view-toolbar input[type="button"]:before,
.form-toolbar a:before,
.form-toolbar input[type="submit"]:before,
.form-toolbar input[type="button"]:before,
.zButton:before,
.z-button:before,
a.zButton:before,
a.z-button:before,
.white-button:before,
#InstallPageView .AppContainer a:before,
a#InstallPageView .AppContainer a:before,
#InstallPageView #install-form input[type="submit"]:before,
a#InstallPageView #install-form input[type="submit"]:before,
.configuration-list li a:before,
a.configuration-list li a:before,
table.configuration-list td:last-child a:before,
atable.configuration-list td:last-child a:before,
.multiselect-holder input[type="button"]:before,
a.multiselect-holder input[type="button"]:before,
.EmailTestingButton:before,
a.EmailTestingButton:before,
.file-upload-box .ui-icon-plusthick:before,
a.file-upload-box .ui-icon-plusthick:before,
.ui-datepicker .ui-datepicker-current:before,
a.ui-datepicker .ui-datepicker-current:before,
.ui-datepicker .ui-datepicker-close:before,
a.ui-datepicker .ui-datepicker-close:before,
.designer-toolbar input[type="submit"]:before,
a.designer-toolbar input[type="submit"]:before,
#contactStatesData_AddInputButton:before,
#customFieldDataData_AddInputButton:before,
a#contactStatesData_AddInputButton:before,
a#customFieldDataData_AddInputButton:before,
.ModalGameNotification a:before,
a.ModalGameNotification a:before,
.modal-view-toolbar a:after,
.modal-view-toolbar input[type="submit"]:after,
.modal-view-toolbar input[type="button"]:after,
.form-toolbar a:after,
.form-toolbar input[type="submit"]:after,
.form-toolbar input[type="button"]:after,
.zButton:after,
.z-button:after,
a.zButton:after,
a.z-button:after,
.white-button:after,
#InstallPageView .AppContainer a:after,
a#InstallPageView .AppContainer a:after,
#InstallPageView #install-form input[type="submit"]:after,
a#InstallPageView #install-form input[type="submit"]:after,
.configuration-list li a:after,
a.configuration-list li a:after,
table.configuration-list td:last-child a:after,
atable.configuration-list td:last-child a:after,
.multiselect-holder input[type="button"]:after,
a.multiselect-holder input[type="button"]:after,
.EmailTestingButton:after,
a.EmailTestingButton:after,
.file-upload-box .ui-icon-plusthick:after,
a.file-upload-box .ui-icon-plusthick:after,
.ui-datepicker .ui-datepicker-current:after,
a.ui-datepicker .ui-datepicker-current:after,
.ui-datepicker .ui-datepicker-close:after,
a.ui-datepicker .ui-datepicker-close:after,
.designer-toolbar input[type="submit"]:after,
a.designer-toolbar input[type="submit"]:after,
#contactStatesData_AddInputButton:after,
#customFieldDataData_AddInputButton:after,
a#contactStatesData_AddInputButton:after,
a#customFieldDataData_AddInputButton:after,
.ModalGameNotification a:after,
a.ModalGameNotification a:after {
  content: " ";
  display: table;
}
.modal-view-toolbar a:after,
.modal-view-toolbar input[type="submit"]:after,
.modal-view-toolbar input[type="button"]:after,
.form-toolbar a:after,
.form-toolbar input[type="submit"]:after,
.form-toolbar input[type="button"]:after,
.zButton:after,
.z-button:after,
a.zButton:after,
a.z-button:after,
.white-button:after,
#InstallPageView .AppContainer a:after,
a#InstallPageView .AppContainer a:after,
#InstallPageView #install-form input[type="submit"]:after,
a#InstallPageView #install-form input[type="submit"]:after,
.configuration-list li a:after,
a.configuration-list li a:after,
table.configuration-list td:last-child a:after,
atable.configuration-list td:last-child a:after,
.multiselect-holder input[type="button"]:after,
a.multiselect-holder input[type="button"]:after,
.EmailTestingButton:after,
a.EmailTestingButton:after,
.file-upload-box .ui-icon-plusthick:after,
a.file-upload-box .ui-icon-plusthick:after,
.ui-datepicker .ui-datepicker-current:after,
a.ui-datepicker .ui-datepicker-current:after,
.ui-datepicker .ui-datepicker-close:after,
a.ui-datepicker .ui-datepicker-close:after,
.designer-toolbar input[type="submit"]:after,
a.designer-toolbar input[type="submit"]:after,
#contactStatesData_AddInputButton:after,
#customFieldDataData_AddInputButton:after,
a#contactStatesData_AddInputButton:after,
a#customFieldDataData_AddInputButton:after,
.ModalGameNotification a:after,
a.ModalGameNotification a:after {
  clear: both;
}
.modal-view-toolbar a.attachLoading.z-button,
.modal-view-toolbar input[type="submit"].attachLoading.z-button,
.modal-view-toolbar input[type="button"].attachLoading.z-button,
.form-toolbar a.attachLoading.z-button,
.form-toolbar input[type="submit"].attachLoading.z-button,
.form-toolbar input[type="button"].attachLoading.z-button,
.zButton.attachLoading.z-button,
.z-button.attachLoading.z-button,
a.zButton.attachLoading.z-button,
a.z-button.attachLoading.z-button,
.white-button.attachLoading.z-button,
#InstallPageView .AppContainer a.attachLoading.z-button,
a#InstallPageView .AppContainer a.attachLoading.z-button,
#InstallPageView #install-form input[type="submit"].attachLoading.z-button,
a#InstallPageView #install-form input[type="submit"].attachLoading.z-button,
.configuration-list li a.attachLoading.z-button,
a.configuration-list li a.attachLoading.z-button,
table.configuration-list td:last-child a.attachLoading.z-button,
atable.configuration-list td:last-child a.attachLoading.z-button,
.multiselect-holder input[type="button"].attachLoading.z-button,
a.multiselect-holder input[type="button"].attachLoading.z-button,
.EmailTestingButton.attachLoading.z-button,
a.EmailTestingButton.attachLoading.z-button,
.file-upload-box .ui-icon-plusthick.attachLoading.z-button,
a.file-upload-box .ui-icon-plusthick.attachLoading.z-button,
.ui-datepicker .ui-datepicker-current.attachLoading.z-button,
a.ui-datepicker .ui-datepicker-current.attachLoading.z-button,
.ui-datepicker .ui-datepicker-close.attachLoading.z-button,
a.ui-datepicker .ui-datepicker-close.attachLoading.z-button,
.designer-toolbar input[type="submit"].attachLoading.z-button,
a.designer-toolbar input[type="submit"].attachLoading.z-button,
#contactStatesData_AddInputButton.attachLoading.z-button,
#customFieldDataData_AddInputButton.attachLoading.z-button,
a#contactStatesData_AddInputButton.attachLoading.z-button,
a#customFieldDataData_AddInputButton.attachLoading.z-button,
.ModalGameNotification a.attachLoading.z-button,
a.ModalGameNotification a.attachLoading.z-button {
  color: #fff;
}
.modal-view-toolbar a:not(.attachLoading):not(.green-button) .z-label,
.modal-view-toolbar input[type="submit"]:not(.attachLoading):not(.green-button) .z-label,
.modal-view-toolbar input[type="button"]:not(.attachLoading):not(.green-button) .z-label,
.form-toolbar a:not(.attachLoading):not(.green-button) .z-label,
.form-toolbar input[type="submit"]:not(.attachLoading):not(.green-button) .z-label,
.form-toolbar input[type="button"]:not(.attachLoading):not(.green-button) .z-label,
.zButton:not(.attachLoading):not(.green-button) .z-label,
.z-button:not(.attachLoading):not(.green-button) .z-label,
a.zButton:not(.attachLoading):not(.green-button) .z-label,
a.z-button:not(.attachLoading):not(.green-button) .z-label,
.white-button:not(.attachLoading):not(.green-button) .z-label,
#InstallPageView .AppContainer a:not(.attachLoading):not(.green-button) .z-label,
a#InstallPageView .AppContainer a:not(.attachLoading):not(.green-button) .z-label,
#InstallPageView #install-form input[type="submit"]:not(.attachLoading):not(.green-button) .z-label,
a#InstallPageView #install-form input[type="submit"]:not(.attachLoading):not(.green-button) .z-label,
.configuration-list li a:not(.attachLoading):not(.green-button) .z-label,
a.configuration-list li a:not(.attachLoading):not(.green-button) .z-label,
table.configuration-list td:last-child a:not(.attachLoading):not(.green-button) .z-label,
atable.configuration-list td:last-child a:not(.attachLoading):not(.green-button) .z-label,
.multiselect-holder input[type="button"]:not(.attachLoading):not(.green-button) .z-label,
a.multiselect-holder input[type="button"]:not(.attachLoading):not(.green-button) .z-label,
.EmailTestingButton:not(.attachLoading):not(.green-button) .z-label,
a.EmailTestingButton:not(.attachLoading):not(.green-button) .z-label,
.file-upload-box .ui-icon-plusthick:not(.attachLoading):not(.green-button) .z-label,
a.file-upload-box .ui-icon-plusthick:not(.attachLoading):not(.green-button) .z-label,
.ui-datepicker .ui-datepicker-current:not(.attachLoading):not(.green-button) .z-label,
a.ui-datepicker .ui-datepicker-current:not(.attachLoading):not(.green-button) .z-label,
.ui-datepicker .ui-datepicker-close:not(.attachLoading):not(.green-button) .z-label,
a.ui-datepicker .ui-datepicker-close:not(.attachLoading):not(.green-button) .z-label,
.designer-toolbar input[type="submit"]:not(.attachLoading):not(.green-button) .z-label,
a.designer-toolbar input[type="submit"]:not(.attachLoading):not(.green-button) .z-label,
#contactStatesData_AddInputButton:not(.attachLoading):not(.green-button) .z-label,
#customFieldDataData_AddInputButton:not(.attachLoading):not(.green-button) .z-label,
a#contactStatesData_AddInputButton:not(.attachLoading):not(.green-button) .z-label,
a#customFieldDataData_AddInputButton:not(.attachLoading):not(.green-button) .z-label,
.ModalGameNotification a:not(.attachLoading):not(.green-button) .z-label,
a.ModalGameNotification a:not(.attachLoading):not(.green-button) .z-label {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.white-button .z-label {
  color: #666 !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.default-btn {
  border-top: 1px solid rgba(200, 200, 200, 0.4);
  border-left: 1px solid rgba(185, 185, 185, 0.4);
  border-right: 1px solid rgba(185, 185, 185, 0.4);
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  color: #666 !important;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-indent: 0;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
.default-btn:before,
.default-btn:after {
  content: " ";
  display: table;
}
.default-btn:after {
  clear: both;
}
.default-btn.attachLoading.z-button {
  color: #fff;
}
.default-btn:not(.attachLoading):not(.green-button) .z-label {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.z-button.disabled,
#InstallPageView .AppContainer a.disabled,
#InstallPageView #install-form input[type="submit"].disabled,
.configuration-list li a.disabled,
table.configuration-list td:last-child a.disabled,
.multiselect-holder input[type="button"].disabled,
.EmailTestingButton.disabled,
.file-upload-box .ui-icon-plusthick.disabled,
.ui-datepicker .ui-datepicker-current.disabled,
.ui-datepicker .ui-datepicker-close.disabled,
.designer-toolbar input[type="submit"].disabled,
#contactStatesData_AddInputButton.disabled,
#customFieldDataData_AddInputButton.disabled,
.ModalGameNotification a.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
  /* IE 6-9 */

}
/*
.zButton:not(.attacheLoading),
.z-button:not(.attachLoading){
     background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
*/
.green-button,
.attachLoading {
  color: #FFF;
  cursor: pointer;
}
.z-label {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-weight: bold;
  padding: 0 25px;
  line-height: 25px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  white-space: nowrap;
}
.z-label-smaller {
  padding: 0 15px;
}
.zButton.loading .z-spinner,
.z-button.loading .z-spinner,
#InstallPageView .AppContainer a.loading .z-spinner,
#InstallPageView #install-form input[type="submit"].loading .z-spinner,
.configuration-list li a.loading .z-spinner,
table.configuration-list td:last-child a.loading .z-spinner,
.multiselect-holder input[type="button"].loading .z-spinner,
.EmailTestingButton.loading .z-spinner,
.file-upload-box .ui-icon-plusthick.loading .z-spinner,
.ui-datepicker .ui-datepicker-current.loading .z-spinner,
.ui-datepicker .ui-datepicker-close.loading .z-spinner,
.designer-toolbar input[type="submit"].loading .z-spinner,
#contactStatesData_AddInputButton.loading .z-spinner,
#customFieldDataData_AddInputButton.loading .z-spinner,
.ModalGameNotification a.loading .z-spinner {
  display: inline-block;
  position: absolute;
  margin: 1px 0 0 4px;
}
.zButton.loading .z-icon,
.z-button.loading .z-icon,
#InstallPageView .AppContainer a.loading .z-icon,
#InstallPageView #install-form input[type="submit"].loading .z-icon,
.configuration-list li a.loading .z-icon,
table.configuration-list td:last-child a.loading .z-icon,
.multiselect-holder input[type="button"].loading .z-icon,
.EmailTestingButton.loading .z-icon,
.file-upload-box .ui-icon-plusthick.loading .z-icon,
.ui-datepicker .ui-datepicker-current.loading .z-icon,
.ui-datepicker .ui-datepicker-close.loading .z-icon,
.designer-toolbar input[type="submit"].loading .z-icon,
#contactStatesData_AddInputButton.loading .z-icon,
#customFieldDataData_AddInputButton.loading .z-icon,
.ModalGameNotification a.loading .z-icon {
  display: none;
}
.z-spinner {
  z-index: 10;
  width: 23px;
  height: 23px;
  display: none;
  position: absolute;
  left: 0px;
}
.z-spinner.loading {
  display: block !important;
}
.zLink,
.z-link,
#sample-column-header a,
.remove-extra-column-link,
#show-triggers-structure-div-link,
#show-filters-structure-div-link {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
}
.zLink:hover,
.z-link:hover,
#sample-column-header a:hover,
.remove-extra-column-link:hover,
#show-triggers-structure-div-link:hover,
#show-filters-structure-div-link:hover {
  color: #fff !important;
  text-decoration: underline;
}
.z-action-link,
.showAllCommentsLink {
  font-size: 11px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  text-decoration: none;
}
.z-action-link:hover,
.showAllCommentsLink:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  text-decoration: none;
}
.z-action-link-active {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.unstyle-panel,
#RuntimeFiltersForPortletView .wrapper,
#RuntimeFiltersForPortletView #edit-form,
#RuntimeFiltersForPortletView .dynamic-row {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/*START COLOR SCHEME/THEME*/
a:link,
a:active,
a:visited {
  color: #545454;
  cursor: pointer;
}
body.blue #nav-trigger {
  border-right: 1px solid #191a48;
  -webkit-box-shadow: 1px 0 0 0 #292b7a;
  -moz-box-shadow: 1px 0 0 0 #292b7a;
  -ms-box-shadow: 1px 0 0 0 #292b7a;
  -o-box-shadow: 1px 0 0 0 #292b7a;
  box-shadow: 1px 0 0 0 #292b7a;
  color: #ffffff;
}
body.blue #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #575ac6;
  -moz-text-shadow: 0 1px 0 #575ac6;
  -ms-text-shadow: 0 1px 0 #575ac6;
  -o-text-shadow: 0 1px 0 #575ac6;
  text-shadow: 0 1px 0 #575ac6;
}
body.blue .textColor {
  color: #545454;
}
body.blue .themeColor {
  color: #282a76;
}
body.blue .themeColor2 {
  color: #7cb830;
}
body.blue .themeBackgroundColor {
  background-color: #282a76;
}
body.blue .themeBackgroundColor2 {
  background-color: #7cb830;
}
body.blue .themeColor-important {
  color: #282a76 !important;
}
body.blue .themeColor2-important {
  color: #7cb830 !important;
}
body.blue .themeBackgroundColor-important {
  background-color: #282a76 !important;
}
body.blue .themeBackgroundColor2-important {
  background-color: #7cb830 !important;
}
body.blue .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #282a76;
  -moz-box-shadow: 0 0 1px 1px #282a76;
  -ms-box-shadow: 0 0 1px 1px #282a76;
  -o-box-shadow: 0 0 1px 1px #282a76;
  box-shadow: 0 0 1px 1px #282a76;
}
body.blue .juiportlet-widget-placeholder,
body.blue .drop-zone {
  border: 2px dashed #282a76;
}
body.blue h1,
body.blue h2,
body.blue h3,
body.blue h4,
body.blue h5,
body.blue h6 {
  color: #282a76;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.blue a:hover,
body.blue .xhtml-validation-info,
body.blue .performance-info,
body.blue tr:hover .pencil,
body.blue .ui-dialog .ui-dialog-title div.wide.form a,
body.blue #kanban-board-options-link,
body.blue #select-list-attributes-link,
body.blue #more-search-linkmodal,
body.blue #more-search-link,
body.blue .search-form-tools,
body.blue #inline-edit-form > table td > a,
body.blue .AppContent.MassEditView .ui-state-highlight p,
body.blue #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.blue .calendar-events-1 span,
body.blue .calendar-events-2 span,
body.blue .calendar-events-3 span,
body.blue .calendar-events-4 span,
body.blue .calendar-events-5 span,
body.blue .calendar-events-6 span,
body.blue .sortable-panel,
body.blue .cell-element,
body.blue .upload-actions .icon-delete,
body.blue .badge-icon,
body.blue .percentComplete,
body.blue .qtip,
body.blue .ui-tooltip-default .ui-tooltip-titlebar,
body.blue .comment .delete-comment,
body.blue .comment .edit-comment,
body.blue .comment .delete-comment a,
body.blue .comment .edit-comment a,
body.blue .unread td,
body.blue .unread td a,
body.blue a.user-link,
body.blue .SocialItemsListView .show-create-comment,
body.blue .back-to-inbox-link,
body.blue #AllSocialItemsForPortletView .show-create-comment,
body.blue a.remove:hover .icon:after,
body.blue .juiportlet-widget-head a.edit:hover .icon:after,
body.blue a.more-panels-link,
body.blue a.simple-link,
body.blue a.simple-link .z-label,
body.blue a.simple-select,
body.blue .after-form-details-content a,
body.blue .ui-dialog-title,
body.blue .show-file-upload-box,
body.blue .z-action-link,
body.blue .showAllCommentsLink,
body.blue .treeview span:hover .z-action-link,
body.blue .drop-zone,
body.blue .missing-chart,
body.blue a.active-tab,
body.blue .edit-autoresponder-link,
body.blue .edit-project-link {
  color: #282a76;
}
body.blue #MashableInboxActionBarForViews .nav > li > a:hover,
body.blue #MashableInboxActionBarForViews .nav > li > a:active,
body.blue #MashableInboxActionBarForViews a:hover .unread-count,
body.blue #MashableInboxActionBarForViews a:active .unread-count,
body.blue #notifications-flyout .single-notification h4,
body.blue a:hover i[class^="icon"],
body.blue a:hover i[class^="icon"]:after,
body.blue a:active i[class^="icon"],
body.blue a:active i[class^="icon"]:after,
body.blue .default-button:hover span,
body.blue .default-button:hover i[class^="icon"],
body.blue .default-button:hover i[class^="icon"]:after,
body.blue .default-button:hover i[class^="icon"]:before,
body.blue .button-action:hover span,
body.blue .button-action:hover i[class^="icon"],
body.blue .button-action:hover i[class^="icon"]:after,
body.blue .button-action:hover i[class^="icon"]:before,
body.blue .button-action-trigger:hover span,
body.blue .button-action-trigger:hover i[class^="icon"],
body.blue .button-action-trigger:hover i[class^="icon"]:after,
body.blue .button-action-trigger:hover i[class^="icon"]:before,
body.blue .pillbox .active > a,
body.blue .pillbox .active span,
body.blue .pillbox .active i[class^="icon"],
body.blue .pillbox .active i[class^="icon"]:after,
body.blue .pillbox .active i[class^="icon"]:before,
body.blue .pillbox .nav-open a,
body.blue .pillbox .nav-open span,
body.blue .pillbox .nav-open i[class^="icon"],
body.blue .pillbox .nav-open i[class^="icon"]:after,
body.blue .pillbox .nav-open i[class^="icon"]:before,
body.blue .view-toolbar > a:hover,
body.blue .view-toolbar > a:active,
body.blue .view-toolbar > a:hover:before,
body.blue .view-toolbar > a:active:before,
body.blue .view-toolbar > a:hover span,
body.blue .view-toolbar > a:active span,
body.blue .view-toolbar .active,
body.blue .view-toolbar .active > a span,
body.blue .view-toolbar .active > a:before,
body.blue .view-toolbar .nav > li > a:hover,
body.blue .view-toolbar .nav > li > a:active,
body.blue .portlet-toolbar .icon-delete:before,
body.blue .portlet-toolbar .icon-edit:before,
body.blue .mini-pillbox a:hover,
body.blue .mini-pillbox .active,
body.blue #StickyListMenu > li > a:hover > span,
body.blue .addfileinput-button:hover span .pager a:hover:before,
body.blue .pager a:hover:after,
body.blue .ui-datepicker-header a:hover:before,
body.blue .ui-datepicker-header a:hover:after,
body.blue input[type="button"]:hover,
body.blue input[type="button"]:hover:before,
body.blue input[type="button"]:hover:after,
body.blue .configuration-list li a:hover,
body.blue .configuration-list li a:hover span:before,
body.blue .configuration-list td:last-child a:hover,
body.blue .configuration-list td:last-child a:hover span:before,
body.blue .addfileinput-button:hover span,
body.blue .mini-button:hover span,
body.blue .hide-welcome span,
body.blue .hide-module-intro span,
body.blue .hide-marketing-intro span,
body.blue #kanban-board-options-link:hover,
body.blue #more-search-link:hover,
body.blue #select-list-attributes-link:hover {
  color: #7cb830;
}
body.blue .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.blue #AboutView p a,
body.blue #AboutView ul a,
body.blue .back-to-app-menu-item span,
body.blue .breadcrumbs a,
body.blue .StepsAndProgressBarForWizardView .current-step {
  color: #282a76 !important;
}
body.blue .portlet-toolbar .icon-create:hover,
body.blue .portlet-toolbar a:hover,
body.blue .portlet-toolbar .icon-create:before,
body.blue #filter-latest-activities-link:hover,
body.blue .badge-message h3,
body.blue .mini-button:not(.hangup):hover {
  color: #7cb830 !important;
}
body.blue #InstallAccessFailurePageView a,
body.blue #ErrorPageView a,
body.blue .ui-tooltip-default .ui-tooltip-icon,
body.blue .zLink,
body.blue .z-link,
body.blue .lead-conversion-actions a,
body.blue #clear-search-link,
body.blue #show-filters-structure-div-link,
body.blue .filters-bar .ui-state-active,
body.blue .filters-bar label:hover,
body.blue #clear-search-linkmodal,
body.blue .StepsAndProgressBarForWizardView .progress-bar,
body.blue .task-owner .gravatar {
  background-color: #282a76;
}
body.blue .latest-activity-toolbar label:hover,
body.blue .filter-portlet-model-bar label:hover,
body.blue .latest-activity-toolbar .ui-state-active,
body.blue .filter-portlet-model-bar .ui-state-active,
body.blue #clear-search-link,
body.blue #MashableInboxForm_filteredBy_area label:hover,
body.blue #MashableInboxForm_optionForModel_area label:hover,
body.blue #MashableInboxForm_filteredBy_area .ui-state-active,
body.blue #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #282a76 !important;
}
body.blue #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.blue #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.blue .points,
body.blue .ranking,
body.blue .badge-grade,
body.blue li.token-input-selected-token {
  background-color: #7cb830;
}
body.blue .ui-autocomplete a:hover,
body.blue .ui-autocomplete a#ui-active-menuitem,
body.blue .ui-autocomplete a.ui-state-hover,
body.blue #StickyListMenu ul a:hover,
body.blue .toolbar-mbmenu .options-menu ul a:hover,
body.blue #ShortcutsMenu ul a:hover,
body.blue .view-toolbar .parent > ul a:hover,
body.blue .edit-row-menu ul a:hover,
body.blue .edit-portlet-menu ul a:hover {
  background-color: #7cb830 !important;
  color: #fff !important;
}
body.blue #HeaderView {
  background: #1b1c50;
  -webkit-box-shadow: inset 0 10px 50px 0 #282a76;
  -moz-box-shadow: inset 0 10px 50px 0 #282a76;
  -ms-box-shadow: inset 0 10px 50px 0 #282a76;
  -o-box-shadow: inset 0 10px 50px 0 #282a76;
  box-shadow: inset 0 10px 50px 0 #282a76;
}
body.blue #HeaderLinksView + div {
  background-color: #333535;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #464646, #333535);
  background-image: -ms-linear-gradient(top, #464646, #333535);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #333535));
  background-image: -webkit-linear-gradient(top, #464646, #333535);
  background-image: -o-linear-gradient(top, #464646, #333535);
  background-image: linear-gradient(top, #464646, #333535);
}
body.blue #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #537b20;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #7cb830, #537b20);
  background-image: -ms-linear-gradient(top, #7cb830, #537b20);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cb830), color-stop(100%, #537b20));
  background-image: -webkit-linear-gradient(top, #7cb830, #537b20);
  background-image: -o-linear-gradient(top, #7cb830, #537b20);
  background-image: linear-gradient(top, #7cb830, #537b20);
}
body.blue #user-header-menu > li > a:hover,
body.blue #settings-header-menu > li > a:hover {
  border-left: 1px solid #1b1c50;
  border-right: 1px solid #1b1c50;
}
body.blue #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.blue #MenuView li.active > a > span,
body.blue #MenuView a:hover > span {
  background-color: #7cb830;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.blue #RecentlyViewedView a > span:first-child {
  background-color: #7cb830;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.blue #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.blue #RecentlyViewedView a:hover em {
  color: #282a76 !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.blue #MenuView ul ul li a:hover {
  background-color: #537b20;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #7cb830, #537b20);
  background-image: -ms-linear-gradient(top, #7cb830, #537b20);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cb830), color-stop(100%, #537b20));
  background-image: -webkit-linear-gradient(top, #7cb830, #537b20);
  background-image: -o-linear-gradient(top, #7cb830, #537b20);
  background-image: linear-gradient(top, #7cb830, #537b20);
}
body.blue .ZeroModelsYetView a .z-label,
body.blue .dashboard-link .z-label,
body.blue .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.blue .zButton:hover .z-label,
body.blue .z-button:hover .z-label,
body.blue .zButton:active .z-label,
body.blue .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.blue .zButton:active .z-label,
body.blue .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.blue .ui-datepicker-current:hover .z-label,
body.blue .ui-datepicker-close:hover .z-label,
body.blue .ui-datepicker-current:active .z-label,
body.blue .ui-datepicker-close:active .z-label,
body.blue .zButton:not(.attachLoading):hover .z-label,
body.blue .z-button:not(.attachLoading):hover .z-label,
body.blue .zButton:not(.attachLoading):active .z-label,
body.blue .z-button:not(.attachLoading):active .z-label,
body.blue .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.blue .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.blue .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.blue .configuration-list li a:hover .z-label,
body.blue .white-button:hover .z-label,
body.blue .white-button:hover .z-label {
  color: #7cb830 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.blue a.green-button > .z-label,
body.blue a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.blue #LanguagesCollectionView .green-button:hover .z-label,
body.blue .green-button:not(.attachLoading):hover .z-label,
body.blue .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.blue .green-button:active .z-label,
body.blue .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.blue .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.blue .notifications-link:hover {
  border-left: 1px solid #1b1c50;
  border-right: 1px solid #1b1c50;
}
body.blue #notifications-link {
  border-left: 1px solid #1b1c50;
  border-right: 1px solid #1b1c50;
}
body.blue .ui-datepicker td.ui-datepicker-today {
  background: #b7b8e6 !important;
}
body.blue .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.blue .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #282a76;
}
body.blue .form input[type="checkbox"]:focus,
body.blue .form input[type="text"]:focus,
body.blue .form input[type="password"]:focus,
body.blue .form select.multiple:focus,
body.blue .form textarea:focus,
body.blue .hasDropDown select:focus,
body.blue .hasDropDown select:hover,
body.blue .hasDropDown:hover select,
body.blue ul.token-input-list:focus,
body.blue #layout-container .ui-state-active,
body.blue #layout-container .ui-widget-content .ui-state-active,
body.blue #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #282a76;
  -moz-box-shadow: 0 0 1px 1px #282a76;
  -ms-box-shadow: 0 0 1px 1px #282a76;
  -o-box-shadow: 0 0 1px 1px #282a76;
  box-shadow: 0 0 1px 1px #282a76;
}
body.blue .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.blue .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.blue .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.blue .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.blue .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.blue .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.blue .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.blue .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.blue .theme-color-1 {
  background: #282a76;
}
.color-swatch.blue .theme-color-2 {
  background: #7cb830;
}
.color-swatch.blue .theme-color-3 {
  background: #464646;
}
body.sunrise #nav-trigger {
  border-right: 1px solid #1e2a37;
  -webkit-box-shadow: 1px 0 0 0 #364c61;
  -moz-box-shadow: 1px 0 0 0 #364c61;
  -ms-box-shadow: 1px 0 0 0 #364c61;
  -o-box-shadow: 1px 0 0 0 #364c61;
  box-shadow: 1px 0 0 0 #364c61;
  color: #ffffff;
}
body.sunrise #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #6789ab;
  -moz-text-shadow: 0 1px 0 #6789ab;
  -ms-text-shadow: 0 1px 0 #6789ab;
  -o-text-shadow: 0 1px 0 #6789ab;
  text-shadow: 0 1px 0 #6789ab;
}
body.sunrise .textColor {
  color: #545454;
}
body.sunrise .themeColor {
  color: #34495e;
}
body.sunrise .themeColor2 {
  color: #2c3e50;
}
body.sunrise .themeBackgroundColor {
  background-color: #34495e;
}
body.sunrise .themeBackgroundColor2 {
  background-color: #2c3e50;
}
body.sunrise .themeColor-important {
  color: #34495e !important;
}
body.sunrise .themeColor2-important {
  color: #2c3e50 !important;
}
body.sunrise .themeBackgroundColor-important {
  background-color: #34495e !important;
}
body.sunrise .themeBackgroundColor2-important {
  background-color: #2c3e50 !important;
}
body.sunrise .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #34495e;
  -moz-box-shadow: 0 0 1px 1px #34495e;
  -ms-box-shadow: 0 0 1px 1px #34495e;
  -o-box-shadow: 0 0 1px 1px #34495e;
  box-shadow: 0 0 1px 1px #34495e;
}
body.sunrise .juiportlet-widget-placeholder,
body.sunrise .drop-zone {
  border: 2px dashed #34495e;
}
body.sunrise h1,
body.sunrise h2,
body.sunrise h3,
body.sunrise h4,
body.sunrise h5,
body.sunrise h6 {
  color: #34495e;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.sunrise a:hover,
body.sunrise .xhtml-validation-info,
body.sunrise .performance-info,
body.sunrise tr:hover .pencil,
body.sunrise .ui-dialog .ui-dialog-title div.wide.form a,
body.sunrise #kanban-board-options-link,
body.sunrise #select-list-attributes-link,
body.sunrise #more-search-linkmodal,
body.sunrise #more-search-link,
body.sunrise .search-form-tools,
body.sunrise #inline-edit-form > table td > a,
body.sunrise .AppContent.MassEditView .ui-state-highlight p,
body.sunrise #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.sunrise .calendar-events-1 span,
body.sunrise .calendar-events-2 span,
body.sunrise .calendar-events-3 span,
body.sunrise .calendar-events-4 span,
body.sunrise .calendar-events-5 span,
body.sunrise .calendar-events-6 span,
body.sunrise .sortable-panel,
body.sunrise .cell-element,
body.sunrise .upload-actions .icon-delete,
body.sunrise .badge-icon,
body.sunrise .percentComplete,
body.sunrise .qtip,
body.sunrise .ui-tooltip-default .ui-tooltip-titlebar,
body.sunrise .comment .delete-comment,
body.sunrise .comment .edit-comment,
body.sunrise .comment .delete-comment a,
body.sunrise .comment .edit-comment a,
body.sunrise .unread td,
body.sunrise .unread td a,
body.sunrise a.user-link,
body.sunrise .SocialItemsListView .show-create-comment,
body.sunrise .back-to-inbox-link,
body.sunrise #AllSocialItemsForPortletView .show-create-comment,
body.sunrise a.remove:hover .icon:after,
body.sunrise .juiportlet-widget-head a.edit:hover .icon:after,
body.sunrise a.more-panels-link,
body.sunrise a.simple-link,
body.sunrise a.simple-link .z-label,
body.sunrise a.simple-select,
body.sunrise .after-form-details-content a,
body.sunrise .ui-dialog-title,
body.sunrise .show-file-upload-box,
body.sunrise .z-action-link,
body.sunrise .showAllCommentsLink,
body.sunrise .treeview span:hover .z-action-link,
body.sunrise .drop-zone,
body.sunrise .missing-chart,
body.sunrise a.active-tab,
body.sunrise .edit-autoresponder-link,
body.sunrise .edit-project-link {
  color: #34495e;
}
body.sunrise #MashableInboxActionBarForViews .nav > li > a:hover,
body.sunrise #MashableInboxActionBarForViews .nav > li > a:active,
body.sunrise #MashableInboxActionBarForViews a:hover .unread-count,
body.sunrise #MashableInboxActionBarForViews a:active .unread-count,
body.sunrise #notifications-flyout .single-notification h4,
body.sunrise a:hover i[class^="icon"],
body.sunrise a:hover i[class^="icon"]:after,
body.sunrise a:active i[class^="icon"],
body.sunrise a:active i[class^="icon"]:after,
body.sunrise .default-button:hover span,
body.sunrise .default-button:hover i[class^="icon"],
body.sunrise .default-button:hover i[class^="icon"]:after,
body.sunrise .default-button:hover i[class^="icon"]:before,
body.sunrise .button-action:hover span,
body.sunrise .button-action:hover i[class^="icon"],
body.sunrise .button-action:hover i[class^="icon"]:after,
body.sunrise .button-action:hover i[class^="icon"]:before,
body.sunrise .button-action-trigger:hover span,
body.sunrise .button-action-trigger:hover i[class^="icon"],
body.sunrise .button-action-trigger:hover i[class^="icon"]:after,
body.sunrise .button-action-trigger:hover i[class^="icon"]:before,
body.sunrise .pillbox .active > a,
body.sunrise .pillbox .active span,
body.sunrise .pillbox .active i[class^="icon"],
body.sunrise .pillbox .active i[class^="icon"]:after,
body.sunrise .pillbox .active i[class^="icon"]:before,
body.sunrise .pillbox .nav-open a,
body.sunrise .pillbox .nav-open span,
body.sunrise .pillbox .nav-open i[class^="icon"],
body.sunrise .pillbox .nav-open i[class^="icon"]:after,
body.sunrise .pillbox .nav-open i[class^="icon"]:before,
body.sunrise .view-toolbar > a:hover,
body.sunrise .view-toolbar > a:active,
body.sunrise .view-toolbar > a:hover:before,
body.sunrise .view-toolbar > a:active:before,
body.sunrise .view-toolbar > a:hover span,
body.sunrise .view-toolbar > a:active span,
body.sunrise .view-toolbar .active,
body.sunrise .view-toolbar .active > a span,
body.sunrise .view-toolbar .active > a:before,
body.sunrise .view-toolbar .nav > li > a:hover,
body.sunrise .view-toolbar .nav > li > a:active,
body.sunrise .portlet-toolbar .icon-delete:before,
body.sunrise .portlet-toolbar .icon-edit:before,
body.sunrise .mini-pillbox a:hover,
body.sunrise .mini-pillbox .active,
body.sunrise #StickyListMenu > li > a:hover > span,
body.sunrise .addfileinput-button:hover span .pager a:hover:before,
body.sunrise .pager a:hover:after,
body.sunrise .ui-datepicker-header a:hover:before,
body.sunrise .ui-datepicker-header a:hover:after,
body.sunrise input[type="button"]:hover,
body.sunrise input[type="button"]:hover:before,
body.sunrise input[type="button"]:hover:after,
body.sunrise .configuration-list li a:hover,
body.sunrise .configuration-list li a:hover span:before,
body.sunrise .configuration-list td:last-child a:hover,
body.sunrise .configuration-list td:last-child a:hover span:before,
body.sunrise .addfileinput-button:hover span,
body.sunrise .mini-button:hover span,
body.sunrise .hide-welcome span,
body.sunrise .hide-module-intro span,
body.sunrise .hide-marketing-intro span,
body.sunrise #kanban-board-options-link:hover,
body.sunrise #more-search-link:hover,
body.sunrise #select-list-attributes-link:hover {
  color: #2c3e50;
}
body.sunrise .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.sunrise #AboutView p a,
body.sunrise #AboutView ul a,
body.sunrise .back-to-app-menu-item span,
body.sunrise .breadcrumbs a,
body.sunrise .StepsAndProgressBarForWizardView .current-step {
  color: #34495e !important;
}
body.sunrise .portlet-toolbar .icon-create:hover,
body.sunrise .portlet-toolbar a:hover,
body.sunrise .portlet-toolbar .icon-create:before,
body.sunrise #filter-latest-activities-link:hover,
body.sunrise .badge-message h3,
body.sunrise .mini-button:not(.hangup):hover {
  color: #2c3e50 !important;
}
body.sunrise #InstallAccessFailurePageView a,
body.sunrise #ErrorPageView a,
body.sunrise .ui-tooltip-default .ui-tooltip-icon,
body.sunrise .zLink,
body.sunrise .z-link,
body.sunrise .lead-conversion-actions a,
body.sunrise #clear-search-link,
body.sunrise #show-filters-structure-div-link,
body.sunrise .filters-bar .ui-state-active,
body.sunrise .filters-bar label:hover,
body.sunrise #clear-search-linkmodal,
body.sunrise .StepsAndProgressBarForWizardView .progress-bar,
body.sunrise .task-owner .gravatar {
  background-color: #34495e;
}
body.sunrise .latest-activity-toolbar label:hover,
body.sunrise .filter-portlet-model-bar label:hover,
body.sunrise .latest-activity-toolbar .ui-state-active,
body.sunrise .filter-portlet-model-bar .ui-state-active,
body.sunrise #clear-search-link,
body.sunrise #MashableInboxForm_filteredBy_area label:hover,
body.sunrise #MashableInboxForm_optionForModel_area label:hover,
body.sunrise #MashableInboxForm_filteredBy_area .ui-state-active,
body.sunrise #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #34495e !important;
}
body.sunrise #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.sunrise #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.sunrise .points,
body.sunrise .ranking,
body.sunrise .badge-grade,
body.sunrise li.token-input-selected-token {
  background-color: #2c3e50;
}
body.sunrise .ui-autocomplete a:hover,
body.sunrise .ui-autocomplete a#ui-active-menuitem,
body.sunrise .ui-autocomplete a.ui-state-hover,
body.sunrise #StickyListMenu ul a:hover,
body.sunrise .toolbar-mbmenu .options-menu ul a:hover,
body.sunrise #ShortcutsMenu ul a:hover,
body.sunrise .view-toolbar .parent > ul a:hover,
body.sunrise .edit-row-menu ul a:hover,
body.sunrise .edit-portlet-menu ul a:hover {
  background-color: #2c3e50 !important;
  color: #fff !important;
}
body.sunrise #HeaderView {
  background: #222f3d;
  -webkit-box-shadow: inset 0 10px 50px 0 #34495e;
  -moz-box-shadow: inset 0 10px 50px 0 #34495e;
  -ms-box-shadow: inset 0 10px 50px 0 #34495e;
  -o-box-shadow: inset 0 10px 50px 0 #34495e;
  box-shadow: inset 0 10px 50px 0 #34495e;
}
body.sunrise #HeaderLinksView + div {
  background-color: #d35400;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #c0392b, #d35400);
  background-image: -ms-linear-gradient(top, #c0392b, #d35400);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0392b), color-stop(100%, #d35400));
  background-image: -webkit-linear-gradient(top, #c0392b, #d35400);
  background-image: -o-linear-gradient(top, #c0392b, #d35400);
  background-image: linear-gradient(top, #c0392b, #d35400);
}
body.sunrise #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #11181f;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #2c3e50, #11181f);
  background-image: -ms-linear-gradient(top, #2c3e50, #11181f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c3e50), color-stop(100%, #11181f));
  background-image: -webkit-linear-gradient(top, #2c3e50, #11181f);
  background-image: -o-linear-gradient(top, #2c3e50, #11181f);
  background-image: linear-gradient(top, #2c3e50, #11181f);
}
body.sunrise #user-header-menu > li > a:hover,
body.sunrise #settings-header-menu > li > a:hover {
  border-left: 1px solid #222f3d;
  border-right: 1px solid #222f3d;
}
body.sunrise #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.sunrise #MenuView li.active > a > span,
body.sunrise #MenuView a:hover > span {
  background-color: #2c3e50;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sunrise #RecentlyViewedView a > span:first-child {
  background-color: #2c3e50;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.sunrise #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sunrise #RecentlyViewedView a:hover em {
  color: #34495e !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.sunrise #MenuView ul ul li a:hover {
  background-color: #11181f;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #2c3e50, #11181f);
  background-image: -ms-linear-gradient(top, #2c3e50, #11181f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c3e50), color-stop(100%, #11181f));
  background-image: -webkit-linear-gradient(top, #2c3e50, #11181f);
  background-image: -o-linear-gradient(top, #2c3e50, #11181f);
  background-image: linear-gradient(top, #2c3e50, #11181f);
}
body.sunrise .ZeroModelsYetView a .z-label,
body.sunrise .dashboard-link .z-label,
body.sunrise .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sunrise .zButton:hover .z-label,
body.sunrise .z-button:hover .z-label,
body.sunrise .zButton:active .z-label,
body.sunrise .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sunrise .zButton:active .z-label,
body.sunrise .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.sunrise .ui-datepicker-current:hover .z-label,
body.sunrise .ui-datepicker-close:hover .z-label,
body.sunrise .ui-datepicker-current:active .z-label,
body.sunrise .ui-datepicker-close:active .z-label,
body.sunrise .zButton:not(.attachLoading):hover .z-label,
body.sunrise .z-button:not(.attachLoading):hover .z-label,
body.sunrise .zButton:not(.attachLoading):active .z-label,
body.sunrise .z-button:not(.attachLoading):active .z-label,
body.sunrise .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.sunrise .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.sunrise .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.sunrise .configuration-list li a:hover .z-label,
body.sunrise .white-button:hover .z-label,
body.sunrise .white-button:hover .z-label {
  color: #2c3e50 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.sunrise a.green-button > .z-label,
body.sunrise a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sunrise #LanguagesCollectionView .green-button:hover .z-label,
body.sunrise .green-button:not(.attachLoading):hover .z-label,
body.sunrise .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sunrise .green-button:active .z-label,
body.sunrise .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.sunrise .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.sunrise .notifications-link:hover {
  border-left: 1px solid #222f3d;
  border-right: 1px solid #222f3d;
}
body.sunrise #notifications-link {
  border-left: 1px solid #222f3d;
  border-right: 1px solid #222f3d;
}
body.sunrise .ui-datepicker td.ui-datepicker-today {
  background: #b9c8d8 !important;
}
body.sunrise .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.sunrise .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #34495e;
}
body.sunrise .form input[type="checkbox"]:focus,
body.sunrise .form input[type="text"]:focus,
body.sunrise .form input[type="password"]:focus,
body.sunrise .form select.multiple:focus,
body.sunrise .form textarea:focus,
body.sunrise .hasDropDown select:focus,
body.sunrise .hasDropDown select:hover,
body.sunrise .hasDropDown:hover select,
body.sunrise ul.token-input-list:focus,
body.sunrise #layout-container .ui-state-active,
body.sunrise #layout-container .ui-widget-content .ui-state-active,
body.sunrise #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #34495e;
  -moz-box-shadow: 0 0 1px 1px #34495e;
  -ms-box-shadow: 0 0 1px 1px #34495e;
  -o-box-shadow: 0 0 1px 1px #34495e;
  box-shadow: 0 0 1px 1px #34495e;
}
body.sunrise .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.sunrise .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.sunrise .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.sunrise .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sunrise .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.sunrise .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sunrise .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.sunrise .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.sunrise .theme-color-1 {
  background: #34495e;
}
.color-swatch.sunrise .theme-color-2 {
  background: #2c3e50;
}
.color-swatch.sunrise .theme-color-3 {
  background: #c0392b;
}
body.marble #nav-trigger {
  border-right: 1px solid #606060;
  -webkit-box-shadow: 1px 0 0 0 #828282;
  -moz-box-shadow: 1px 0 0 0 #828282;
  -ms-box-shadow: 1px 0 0 0 #828282;
  -o-box-shadow: 1px 0 0 0 #828282;
  box-shadow: 1px 0 0 0 #828282;
  color: #ffffff;
}
body.marble #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #bfbfbf;
  -moz-text-shadow: 0 1px 0 #bfbfbf;
  -ms-text-shadow: 0 1px 0 #bfbfbf;
  -o-text-shadow: 0 1px 0 #bfbfbf;
  text-shadow: 0 1px 0 #bfbfbf;
}
body.marble .textColor {
  color: #545454;
}
body.marble .themeColor {
  color: #7f7f7f;
}
body.marble .themeColor2 {
  color: #333333;
}
body.marble .themeBackgroundColor {
  background-color: #7f7f7f;
}
body.marble .themeBackgroundColor2 {
  background-color: #333333;
}
body.marble .themeColor-important {
  color: #7f7f7f !important;
}
body.marble .themeColor2-important {
  color: #333333 !important;
}
body.marble .themeBackgroundColor-important {
  background-color: #7f7f7f !important;
}
body.marble .themeBackgroundColor2-important {
  background-color: #333333 !important;
}
body.marble .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #7f7f7f;
  -moz-box-shadow: 0 0 1px 1px #7f7f7f;
  -ms-box-shadow: 0 0 1px 1px #7f7f7f;
  -o-box-shadow: 0 0 1px 1px #7f7f7f;
  box-shadow: 0 0 1px 1px #7f7f7f;
}
body.marble .juiportlet-widget-placeholder,
body.marble .drop-zone {
  border: 2px dashed #7f7f7f;
}
body.marble h1,
body.marble h2,
body.marble h3,
body.marble h4,
body.marble h5,
body.marble h6 {
  color: #7f7f7f;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.marble a:hover,
body.marble .xhtml-validation-info,
body.marble .performance-info,
body.marble tr:hover .pencil,
body.marble .ui-dialog .ui-dialog-title div.wide.form a,
body.marble #kanban-board-options-link,
body.marble #select-list-attributes-link,
body.marble #more-search-linkmodal,
body.marble #more-search-link,
body.marble .search-form-tools,
body.marble #inline-edit-form > table td > a,
body.marble .AppContent.MassEditView .ui-state-highlight p,
body.marble #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.marble .calendar-events-1 span,
body.marble .calendar-events-2 span,
body.marble .calendar-events-3 span,
body.marble .calendar-events-4 span,
body.marble .calendar-events-5 span,
body.marble .calendar-events-6 span,
body.marble .sortable-panel,
body.marble .cell-element,
body.marble .upload-actions .icon-delete,
body.marble .badge-icon,
body.marble .percentComplete,
body.marble .qtip,
body.marble .ui-tooltip-default .ui-tooltip-titlebar,
body.marble .comment .delete-comment,
body.marble .comment .edit-comment,
body.marble .comment .delete-comment a,
body.marble .comment .edit-comment a,
body.marble .unread td,
body.marble .unread td a,
body.marble a.user-link,
body.marble .SocialItemsListView .show-create-comment,
body.marble .back-to-inbox-link,
body.marble #AllSocialItemsForPortletView .show-create-comment,
body.marble a.remove:hover .icon:after,
body.marble .juiportlet-widget-head a.edit:hover .icon:after,
body.marble a.more-panels-link,
body.marble a.simple-link,
body.marble a.simple-link .z-label,
body.marble a.simple-select,
body.marble .after-form-details-content a,
body.marble .ui-dialog-title,
body.marble .show-file-upload-box,
body.marble .z-action-link,
body.marble .showAllCommentsLink,
body.marble .treeview span:hover .z-action-link,
body.marble .drop-zone,
body.marble .missing-chart,
body.marble a.active-tab,
body.marble .edit-autoresponder-link,
body.marble .edit-project-link {
  color: #7f7f7f;
}
body.marble #MashableInboxActionBarForViews .nav > li > a:hover,
body.marble #MashableInboxActionBarForViews .nav > li > a:active,
body.marble #MashableInboxActionBarForViews a:hover .unread-count,
body.marble #MashableInboxActionBarForViews a:active .unread-count,
body.marble #notifications-flyout .single-notification h4,
body.marble a:hover i[class^="icon"],
body.marble a:hover i[class^="icon"]:after,
body.marble a:active i[class^="icon"],
body.marble a:active i[class^="icon"]:after,
body.marble .default-button:hover span,
body.marble .default-button:hover i[class^="icon"],
body.marble .default-button:hover i[class^="icon"]:after,
body.marble .default-button:hover i[class^="icon"]:before,
body.marble .button-action:hover span,
body.marble .button-action:hover i[class^="icon"],
body.marble .button-action:hover i[class^="icon"]:after,
body.marble .button-action:hover i[class^="icon"]:before,
body.marble .button-action-trigger:hover span,
body.marble .button-action-trigger:hover i[class^="icon"],
body.marble .button-action-trigger:hover i[class^="icon"]:after,
body.marble .button-action-trigger:hover i[class^="icon"]:before,
body.marble .pillbox .active > a,
body.marble .pillbox .active span,
body.marble .pillbox .active i[class^="icon"],
body.marble .pillbox .active i[class^="icon"]:after,
body.marble .pillbox .active i[class^="icon"]:before,
body.marble .pillbox .nav-open a,
body.marble .pillbox .nav-open span,
body.marble .pillbox .nav-open i[class^="icon"],
body.marble .pillbox .nav-open i[class^="icon"]:after,
body.marble .pillbox .nav-open i[class^="icon"]:before,
body.marble .view-toolbar > a:hover,
body.marble .view-toolbar > a:active,
body.marble .view-toolbar > a:hover:before,
body.marble .view-toolbar > a:active:before,
body.marble .view-toolbar > a:hover span,
body.marble .view-toolbar > a:active span,
body.marble .view-toolbar .active,
body.marble .view-toolbar .active > a span,
body.marble .view-toolbar .active > a:before,
body.marble .view-toolbar .nav > li > a:hover,
body.marble .view-toolbar .nav > li > a:active,
body.marble .portlet-toolbar .icon-delete:before,
body.marble .portlet-toolbar .icon-edit:before,
body.marble .mini-pillbox a:hover,
body.marble .mini-pillbox .active,
body.marble #StickyListMenu > li > a:hover > span,
body.marble .addfileinput-button:hover span .pager a:hover:before,
body.marble .pager a:hover:after,
body.marble .ui-datepicker-header a:hover:before,
body.marble .ui-datepicker-header a:hover:after,
body.marble input[type="button"]:hover,
body.marble input[type="button"]:hover:before,
body.marble input[type="button"]:hover:after,
body.marble .configuration-list li a:hover,
body.marble .configuration-list li a:hover span:before,
body.marble .configuration-list td:last-child a:hover,
body.marble .configuration-list td:last-child a:hover span:before,
body.marble .addfileinput-button:hover span,
body.marble .mini-button:hover span,
body.marble .hide-welcome span,
body.marble .hide-module-intro span,
body.marble .hide-marketing-intro span,
body.marble #kanban-board-options-link:hover,
body.marble #more-search-link:hover,
body.marble #select-list-attributes-link:hover {
  color: #333333;
}
body.marble .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.marble #AboutView p a,
body.marble #AboutView ul a,
body.marble .back-to-app-menu-item span,
body.marble .breadcrumbs a,
body.marble .StepsAndProgressBarForWizardView .current-step {
  color: #7f7f7f !important;
}
body.marble .portlet-toolbar .icon-create:hover,
body.marble .portlet-toolbar a:hover,
body.marble .portlet-toolbar .icon-create:before,
body.marble #filter-latest-activities-link:hover,
body.marble .badge-message h3,
body.marble .mini-button:not(.hangup):hover {
  color: #333333 !important;
}
body.marble #InstallAccessFailurePageView a,
body.marble #ErrorPageView a,
body.marble .ui-tooltip-default .ui-tooltip-icon,
body.marble .zLink,
body.marble .z-link,
body.marble .lead-conversion-actions a,
body.marble #clear-search-link,
body.marble #show-filters-structure-div-link,
body.marble .filters-bar .ui-state-active,
body.marble .filters-bar label:hover,
body.marble #clear-search-linkmodal,
body.marble .StepsAndProgressBarForWizardView .progress-bar,
body.marble .task-owner .gravatar {
  background-color: #7f7f7f;
}
body.marble .latest-activity-toolbar label:hover,
body.marble .filter-portlet-model-bar label:hover,
body.marble .latest-activity-toolbar .ui-state-active,
body.marble .filter-portlet-model-bar .ui-state-active,
body.marble #clear-search-link,
body.marble #MashableInboxForm_filteredBy_area label:hover,
body.marble #MashableInboxForm_optionForModel_area label:hover,
body.marble #MashableInboxForm_filteredBy_area .ui-state-active,
body.marble #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #7f7f7f !important;
}
body.marble #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.marble #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.marble .points,
body.marble .ranking,
body.marble .badge-grade,
body.marble li.token-input-selected-token {
  background-color: #333333;
}
body.marble .ui-autocomplete a:hover,
body.marble .ui-autocomplete a#ui-active-menuitem,
body.marble .ui-autocomplete a.ui-state-hover,
body.marble #StickyListMenu ul a:hover,
body.marble .toolbar-mbmenu .options-menu ul a:hover,
body.marble #ShortcutsMenu ul a:hover,
body.marble .view-toolbar .parent > ul a:hover,
body.marble .edit-row-menu ul a:hover,
body.marble .edit-portlet-menu ul a:hover {
  background-color: #333333 !important;
  color: #fff !important;
}
body.marble #HeaderView {
  background: #666666;
  -webkit-box-shadow: inset 0 10px 50px 0 #7f7f7f;
  -moz-box-shadow: inset 0 10px 50px 0 #7f7f7f;
  -ms-box-shadow: inset 0 10px 50px 0 #7f7f7f;
  -o-box-shadow: inset 0 10px 50px 0 #7f7f7f;
  box-shadow: inset 0 10px 50px 0 #7f7f7f;
}
body.marble #HeaderLinksView + div {
  background-color: #323232;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #545454, #323232);
  background-image: -ms-linear-gradient(top, #545454, #323232);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(100%, #323232));
  background-image: -webkit-linear-gradient(top, #545454, #323232);
  background-image: -o-linear-gradient(top, #545454, #323232);
  background-image: linear-gradient(top, #545454, #323232);
}
body.marble #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #0d0d0d;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #333333, #0d0d0d);
  background-image: -ms-linear-gradient(top, #333333, #0d0d0d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #0d0d0d));
  background-image: -webkit-linear-gradient(top, #333333, #0d0d0d);
  background-image: -o-linear-gradient(top, #333333, #0d0d0d);
  background-image: linear-gradient(top, #333333, #0d0d0d);
}
body.marble #user-header-menu > li > a:hover,
body.marble #settings-header-menu > li > a:hover {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}
body.marble #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.marble #MenuView li.active > a > span,
body.marble #MenuView a:hover > span {
  background-color: #333333;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.marble #RecentlyViewedView a > span:first-child {
  background-color: #333333;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.marble #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.marble #RecentlyViewedView a:hover em {
  color: #7f7f7f !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.marble #MenuView ul ul li a:hover {
  background-color: #0d0d0d;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #333333, #0d0d0d);
  background-image: -ms-linear-gradient(top, #333333, #0d0d0d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #0d0d0d));
  background-image: -webkit-linear-gradient(top, #333333, #0d0d0d);
  background-image: -o-linear-gradient(top, #333333, #0d0d0d);
  background-image: linear-gradient(top, #333333, #0d0d0d);
}
body.marble .ZeroModelsYetView a .z-label,
body.marble .dashboard-link .z-label,
body.marble .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.marble .zButton:hover .z-label,
body.marble .z-button:hover .z-label,
body.marble .zButton:active .z-label,
body.marble .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.marble .zButton:active .z-label,
body.marble .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.marble .ui-datepicker-current:hover .z-label,
body.marble .ui-datepicker-close:hover .z-label,
body.marble .ui-datepicker-current:active .z-label,
body.marble .ui-datepicker-close:active .z-label,
body.marble .zButton:not(.attachLoading):hover .z-label,
body.marble .z-button:not(.attachLoading):hover .z-label,
body.marble .zButton:not(.attachLoading):active .z-label,
body.marble .z-button:not(.attachLoading):active .z-label,
body.marble .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.marble .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.marble .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.marble .configuration-list li a:hover .z-label,
body.marble .white-button:hover .z-label,
body.marble .white-button:hover .z-label {
  color: #333333 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.marble a.green-button > .z-label,
body.marble a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.marble #LanguagesCollectionView .green-button:hover .z-label,
body.marble .green-button:not(.attachLoading):hover .z-label,
body.marble .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.marble .green-button:active .z-label,
body.marble .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.marble .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.marble .notifications-link:hover {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}
body.marble #notifications-link {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}
body.marble .ui-datepicker td.ui-datepicker-today {
  background: #ffffff !important;
}
body.marble .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.marble .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #7f7f7f;
}
body.marble .form input[type="checkbox"]:focus,
body.marble .form input[type="text"]:focus,
body.marble .form input[type="password"]:focus,
body.marble .form select.multiple:focus,
body.marble .form textarea:focus,
body.marble .hasDropDown select:focus,
body.marble .hasDropDown select:hover,
body.marble .hasDropDown:hover select,
body.marble ul.token-input-list:focus,
body.marble #layout-container .ui-state-active,
body.marble #layout-container .ui-widget-content .ui-state-active,
body.marble #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #7f7f7f;
  -moz-box-shadow: 0 0 1px 1px #7f7f7f;
  -ms-box-shadow: 0 0 1px 1px #7f7f7f;
  -o-box-shadow: 0 0 1px 1px #7f7f7f;
  box-shadow: 0 0 1px 1px #7f7f7f;
}
body.marble .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.marble .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.marble .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.marble .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.marble .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.marble .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.marble .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.marble .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.marble .theme-color-1 {
  background: #7f8c8d;
}
.color-swatch.marble .theme-color-2 {
  background: #333333;
}
.color-swatch.marble .theme-color-3 {
  background: #545454;
}
body.purple-haze #nav-trigger {
  border-right: 1px solid #4e295f;
  -webkit-box-shadow: 1px 0 0 0 #743d8e;
  -moz-box-shadow: 1px 0 0 0 #743d8e;
  -ms-box-shadow: 1px 0 0 0 #743d8e;
  -o-box-shadow: 1px 0 0 0 #743d8e;
  box-shadow: 1px 0 0 0 #743d8e;
  color: #ffffff;
}
body.purple-haze #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #b07dc7;
  -moz-text-shadow: 0 1px 0 #b07dc7;
  -ms-text-shadow: 0 1px 0 #b07dc7;
  -o-text-shadow: 0 1px 0 #b07dc7;
  text-shadow: 0 1px 0 #b07dc7;
}
body.purple-haze .textColor {
  color: #545454;
}
body.purple-haze .themeColor {
  color: #713b8a;
}
body.purple-haze .themeColor2 {
  color: #854f9e;
}
body.purple-haze .themeBackgroundColor {
  background-color: #713b8a;
}
body.purple-haze .themeBackgroundColor2 {
  background-color: #854f9e;
}
body.purple-haze .themeColor-important {
  color: #713b8a !important;
}
body.purple-haze .themeColor2-important {
  color: #854f9e !important;
}
body.purple-haze .themeBackgroundColor-important {
  background-color: #713b8a !important;
}
body.purple-haze .themeBackgroundColor2-important {
  background-color: #854f9e !important;
}
body.purple-haze .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #713b8a;
  -moz-box-shadow: 0 0 1px 1px #713b8a;
  -ms-box-shadow: 0 0 1px 1px #713b8a;
  -o-box-shadow: 0 0 1px 1px #713b8a;
  box-shadow: 0 0 1px 1px #713b8a;
}
body.purple-haze .juiportlet-widget-placeholder,
body.purple-haze .drop-zone {
  border: 2px dashed #713b8a;
}
body.purple-haze h1,
body.purple-haze h2,
body.purple-haze h3,
body.purple-haze h4,
body.purple-haze h5,
body.purple-haze h6 {
  color: #713b8a;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.purple-haze a:hover,
body.purple-haze .xhtml-validation-info,
body.purple-haze .performance-info,
body.purple-haze tr:hover .pencil,
body.purple-haze .ui-dialog .ui-dialog-title div.wide.form a,
body.purple-haze #kanban-board-options-link,
body.purple-haze #select-list-attributes-link,
body.purple-haze #more-search-linkmodal,
body.purple-haze #more-search-link,
body.purple-haze .search-form-tools,
body.purple-haze #inline-edit-form > table td > a,
body.purple-haze .AppContent.MassEditView .ui-state-highlight p,
body.purple-haze #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.purple-haze .calendar-events-1 span,
body.purple-haze .calendar-events-2 span,
body.purple-haze .calendar-events-3 span,
body.purple-haze .calendar-events-4 span,
body.purple-haze .calendar-events-5 span,
body.purple-haze .calendar-events-6 span,
body.purple-haze .sortable-panel,
body.purple-haze .cell-element,
body.purple-haze .upload-actions .icon-delete,
body.purple-haze .badge-icon,
body.purple-haze .percentComplete,
body.purple-haze .qtip,
body.purple-haze .ui-tooltip-default .ui-tooltip-titlebar,
body.purple-haze .comment .delete-comment,
body.purple-haze .comment .edit-comment,
body.purple-haze .comment .delete-comment a,
body.purple-haze .comment .edit-comment a,
body.purple-haze .unread td,
body.purple-haze .unread td a,
body.purple-haze a.user-link,
body.purple-haze .SocialItemsListView .show-create-comment,
body.purple-haze .back-to-inbox-link,
body.purple-haze #AllSocialItemsForPortletView .show-create-comment,
body.purple-haze a.remove:hover .icon:after,
body.purple-haze .juiportlet-widget-head a.edit:hover .icon:after,
body.purple-haze a.more-panels-link,
body.purple-haze a.simple-link,
body.purple-haze a.simple-link .z-label,
body.purple-haze a.simple-select,
body.purple-haze .after-form-details-content a,
body.purple-haze .ui-dialog-title,
body.purple-haze .show-file-upload-box,
body.purple-haze .z-action-link,
body.purple-haze .showAllCommentsLink,
body.purple-haze .treeview span:hover .z-action-link,
body.purple-haze .drop-zone,
body.purple-haze .missing-chart,
body.purple-haze a.active-tab,
body.purple-haze .edit-autoresponder-link,
body.purple-haze .edit-project-link {
  color: #713b8a;
}
body.purple-haze #MashableInboxActionBarForViews .nav > li > a:hover,
body.purple-haze #MashableInboxActionBarForViews .nav > li > a:active,
body.purple-haze #MashableInboxActionBarForViews a:hover .unread-count,
body.purple-haze #MashableInboxActionBarForViews a:active .unread-count,
body.purple-haze #notifications-flyout .single-notification h4,
body.purple-haze a:hover i[class^="icon"],
body.purple-haze a:hover i[class^="icon"]:after,
body.purple-haze a:active i[class^="icon"],
body.purple-haze a:active i[class^="icon"]:after,
body.purple-haze .default-button:hover span,
body.purple-haze .default-button:hover i[class^="icon"],
body.purple-haze .default-button:hover i[class^="icon"]:after,
body.purple-haze .default-button:hover i[class^="icon"]:before,
body.purple-haze .button-action:hover span,
body.purple-haze .button-action:hover i[class^="icon"],
body.purple-haze .button-action:hover i[class^="icon"]:after,
body.purple-haze .button-action:hover i[class^="icon"]:before,
body.purple-haze .button-action-trigger:hover span,
body.purple-haze .button-action-trigger:hover i[class^="icon"],
body.purple-haze .button-action-trigger:hover i[class^="icon"]:after,
body.purple-haze .button-action-trigger:hover i[class^="icon"]:before,
body.purple-haze .pillbox .active > a,
body.purple-haze .pillbox .active span,
body.purple-haze .pillbox .active i[class^="icon"],
body.purple-haze .pillbox .active i[class^="icon"]:after,
body.purple-haze .pillbox .active i[class^="icon"]:before,
body.purple-haze .pillbox .nav-open a,
body.purple-haze .pillbox .nav-open span,
body.purple-haze .pillbox .nav-open i[class^="icon"],
body.purple-haze .pillbox .nav-open i[class^="icon"]:after,
body.purple-haze .pillbox .nav-open i[class^="icon"]:before,
body.purple-haze .view-toolbar > a:hover,
body.purple-haze .view-toolbar > a:active,
body.purple-haze .view-toolbar > a:hover:before,
body.purple-haze .view-toolbar > a:active:before,
body.purple-haze .view-toolbar > a:hover span,
body.purple-haze .view-toolbar > a:active span,
body.purple-haze .view-toolbar .active,
body.purple-haze .view-toolbar .active > a span,
body.purple-haze .view-toolbar .active > a:before,
body.purple-haze .view-toolbar .nav > li > a:hover,
body.purple-haze .view-toolbar .nav > li > a:active,
body.purple-haze .portlet-toolbar .icon-delete:before,
body.purple-haze .portlet-toolbar .icon-edit:before,
body.purple-haze .mini-pillbox a:hover,
body.purple-haze .mini-pillbox .active,
body.purple-haze #StickyListMenu > li > a:hover > span,
body.purple-haze .addfileinput-button:hover span .pager a:hover:before,
body.purple-haze .pager a:hover:after,
body.purple-haze .ui-datepicker-header a:hover:before,
body.purple-haze .ui-datepicker-header a:hover:after,
body.purple-haze input[type="button"]:hover,
body.purple-haze input[type="button"]:hover:before,
body.purple-haze input[type="button"]:hover:after,
body.purple-haze .configuration-list li a:hover,
body.purple-haze .configuration-list li a:hover span:before,
body.purple-haze .configuration-list td:last-child a:hover,
body.purple-haze .configuration-list td:last-child a:hover span:before,
body.purple-haze .addfileinput-button:hover span,
body.purple-haze .mini-button:hover span,
body.purple-haze .hide-welcome span,
body.purple-haze .hide-module-intro span,
body.purple-haze .hide-marketing-intro span,
body.purple-haze #kanban-board-options-link:hover,
body.purple-haze #more-search-link:hover,
body.purple-haze #select-list-attributes-link:hover {
  color: #854f9e;
}
body.purple-haze .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.purple-haze #AboutView p a,
body.purple-haze #AboutView ul a,
body.purple-haze .back-to-app-menu-item span,
body.purple-haze .breadcrumbs a,
body.purple-haze .StepsAndProgressBarForWizardView .current-step {
  color: #713b8a !important;
}
body.purple-haze .portlet-toolbar .icon-create:hover,
body.purple-haze .portlet-toolbar a:hover,
body.purple-haze .portlet-toolbar .icon-create:before,
body.purple-haze #filter-latest-activities-link:hover,
body.purple-haze .badge-message h3,
body.purple-haze .mini-button:not(.hangup):hover {
  color: #854f9e !important;
}
body.purple-haze #InstallAccessFailurePageView a,
body.purple-haze #ErrorPageView a,
body.purple-haze .ui-tooltip-default .ui-tooltip-icon,
body.purple-haze .zLink,
body.purple-haze .z-link,
body.purple-haze .lead-conversion-actions a,
body.purple-haze #clear-search-link,
body.purple-haze #show-filters-structure-div-link,
body.purple-haze .filters-bar .ui-state-active,
body.purple-haze .filters-bar label:hover,
body.purple-haze #clear-search-linkmodal,
body.purple-haze .StepsAndProgressBarForWizardView .progress-bar,
body.purple-haze .task-owner .gravatar {
  background-color: #713b8a;
}
body.purple-haze .latest-activity-toolbar label:hover,
body.purple-haze .filter-portlet-model-bar label:hover,
body.purple-haze .latest-activity-toolbar .ui-state-active,
body.purple-haze .filter-portlet-model-bar .ui-state-active,
body.purple-haze #clear-search-link,
body.purple-haze #MashableInboxForm_filteredBy_area label:hover,
body.purple-haze #MashableInboxForm_optionForModel_area label:hover,
body.purple-haze #MashableInboxForm_filteredBy_area .ui-state-active,
body.purple-haze #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #713b8a !important;
}
body.purple-haze #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.purple-haze #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.purple-haze .points,
body.purple-haze .ranking,
body.purple-haze .badge-grade,
body.purple-haze li.token-input-selected-token {
  background-color: #854f9e;
}
body.purple-haze .ui-autocomplete a:hover,
body.purple-haze .ui-autocomplete a#ui-active-menuitem,
body.purple-haze .ui-autocomplete a.ui-state-hover,
body.purple-haze #StickyListMenu ul a:hover,
body.purple-haze .toolbar-mbmenu .options-menu ul a:hover,
body.purple-haze #ShortcutsMenu ul a:hover,
body.purple-haze .view-toolbar .parent > ul a:hover,
body.purple-haze .edit-row-menu ul a:hover,
body.purple-haze .edit-portlet-menu ul a:hover {
  background-color: #854f9e !important;
  color: #fff !important;
}
body.purple-haze #HeaderView {
  background: #542c66;
  -webkit-box-shadow: inset 0 10px 50px 0 #713b8a;
  -moz-box-shadow: inset 0 10px 50px 0 #713b8a;
  -ms-box-shadow: inset 0 10px 50px 0 #713b8a;
  -o-box-shadow: inset 0 10px 50px 0 #713b8a;
  box-shadow: inset 0 10px 50px 0 #713b8a;
}
body.purple-haze #HeaderLinksView + div {
  background-color: #2c3e50;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #34495e, #2c3e50);
  background-image: -ms-linear-gradient(top, #34495e, #2c3e50);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34495e), color-stop(100%, #2c3e50));
  background-image: -webkit-linear-gradient(top, #34495e, #2c3e50);
  background-image: -o-linear-gradient(top, #34495e, #2c3e50);
  background-image: linear-gradient(top, #34495e, #2c3e50);
}
body.purple-haze #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #5a366b;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #854f9e, #5a366b);
  background-image: -ms-linear-gradient(top, #854f9e, #5a366b);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #854f9e), color-stop(100%, #5a366b));
  background-image: -webkit-linear-gradient(top, #854f9e, #5a366b);
  background-image: -o-linear-gradient(top, #854f9e, #5a366b);
  background-image: linear-gradient(top, #854f9e, #5a366b);
}
body.purple-haze #user-header-menu > li > a:hover,
body.purple-haze #settings-header-menu > li > a:hover {
  border-left: 1px solid #542c66;
  border-right: 1px solid #542c66;
}
body.purple-haze #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.purple-haze #MenuView li.active > a > span,
body.purple-haze #MenuView a:hover > span {
  background-color: #854f9e;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.purple-haze #RecentlyViewedView a > span:first-child {
  background-color: #854f9e;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.purple-haze #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.purple-haze #RecentlyViewedView a:hover em {
  color: #713b8a !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.purple-haze #MenuView ul ul li a:hover {
  background-color: #5a366b;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #854f9e, #5a366b);
  background-image: -ms-linear-gradient(top, #854f9e, #5a366b);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #854f9e), color-stop(100%, #5a366b));
  background-image: -webkit-linear-gradient(top, #854f9e, #5a366b);
  background-image: -o-linear-gradient(top, #854f9e, #5a366b);
  background-image: linear-gradient(top, #854f9e, #5a366b);
}
body.purple-haze .ZeroModelsYetView a .z-label,
body.purple-haze .dashboard-link .z-label,
body.purple-haze .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.purple-haze .zButton:hover .z-label,
body.purple-haze .z-button:hover .z-label,
body.purple-haze .zButton:active .z-label,
body.purple-haze .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.purple-haze .zButton:active .z-label,
body.purple-haze .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.purple-haze .ui-datepicker-current:hover .z-label,
body.purple-haze .ui-datepicker-close:hover .z-label,
body.purple-haze .ui-datepicker-current:active .z-label,
body.purple-haze .ui-datepicker-close:active .z-label,
body.purple-haze .zButton:not(.attachLoading):hover .z-label,
body.purple-haze .z-button:not(.attachLoading):hover .z-label,
body.purple-haze .zButton:not(.attachLoading):active .z-label,
body.purple-haze .z-button:not(.attachLoading):active .z-label,
body.purple-haze .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.purple-haze .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.purple-haze .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.purple-haze .configuration-list li a:hover .z-label,
body.purple-haze .white-button:hover .z-label,
body.purple-haze .white-button:hover .z-label {
  color: #854f9e !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.purple-haze a.green-button > .z-label,
body.purple-haze a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.purple-haze #LanguagesCollectionView .green-button:hover .z-label,
body.purple-haze .green-button:not(.attachLoading):hover .z-label,
body.purple-haze .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.purple-haze .green-button:active .z-label,
body.purple-haze .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.purple-haze .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.purple-haze .notifications-link:hover {
  border-left: 1px solid #542c66;
  border-right: 1px solid #542c66;
}
body.purple-haze #notifications-link {
  border-left: 1px solid #542c66;
  border-right: 1px solid #542c66;
}
body.purple-haze .ui-datepicker td.ui-datepicker-today {
  background: #e6d6ee !important;
}
body.purple-haze .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.purple-haze .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #713b8a;
}
body.purple-haze .form input[type="checkbox"]:focus,
body.purple-haze .form input[type="text"]:focus,
body.purple-haze .form input[type="password"]:focus,
body.purple-haze .form select.multiple:focus,
body.purple-haze .form textarea:focus,
body.purple-haze .hasDropDown select:focus,
body.purple-haze .hasDropDown select:hover,
body.purple-haze .hasDropDown:hover select,
body.purple-haze ul.token-input-list:focus,
body.purple-haze #layout-container .ui-state-active,
body.purple-haze #layout-container .ui-widget-content .ui-state-active,
body.purple-haze #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #713b8a;
  -moz-box-shadow: 0 0 1px 1px #713b8a;
  -ms-box-shadow: 0 0 1px 1px #713b8a;
  -o-box-shadow: 0 0 1px 1px #713b8a;
  box-shadow: 0 0 1px 1px #713b8a;
}
body.purple-haze .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.purple-haze .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.purple-haze .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.purple-haze .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.purple-haze .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.purple-haze .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.purple-haze .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.purple-haze .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.purple-haze .theme-color-1 {
  background: #713b8a;
}
.color-swatch.purple-haze .theme-color-2 {
  background: #854f9e;
}
.color-swatch.purple-haze .theme-color-3 {
  background: #34495e;
}
/*shadowless square/flat theme*/
body.flat-cement #nav-trigger {
  border-right: 1px solid #161f29;
  -webkit-box-shadow: 1px 0 0 0 #2e4153;
  -moz-box-shadow: 1px 0 0 0 #2e4153;
  -ms-box-shadow: 1px 0 0 0 #2e4153;
  -o-box-shadow: 1px 0 0 0 #2e4153;
  box-shadow: 1px 0 0 0 #2e4153;
  color: #ffffff;
}
body.flat-cement #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #597ea2;
  -moz-text-shadow: 0 1px 0 #597ea2;
  -ms-text-shadow: 0 1px 0 #597ea2;
  -o-text-shadow: 0 1px 0 #597ea2;
  text-shadow: 0 1px 0 #597ea2;
}
body.flat-cement .textColor {
  color: #545454;
}
body.flat-cement .themeColor {
  color: #2c3e50;
}
body.flat-cement .themeColor2 {
  color: #2c3e50;
}
body.flat-cement .themeBackgroundColor {
  background-color: #2c3e50;
}
body.flat-cement .themeBackgroundColor2 {
  background-color: #2c3e50;
}
body.flat-cement .themeColor-important {
  color: #2c3e50 !important;
}
body.flat-cement .themeColor2-important {
  color: #2c3e50 !important;
}
body.flat-cement .themeBackgroundColor-important {
  background-color: #2c3e50 !important;
}
body.flat-cement .themeBackgroundColor2-important {
  background-color: #2c3e50 !important;
}
body.flat-cement .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #2c3e50;
  -moz-box-shadow: 0 0 1px 1px #2c3e50;
  -ms-box-shadow: 0 0 1px 1px #2c3e50;
  -o-box-shadow: 0 0 1px 1px #2c3e50;
  box-shadow: 0 0 1px 1px #2c3e50;
}
body.flat-cement .juiportlet-widget-placeholder,
body.flat-cement .drop-zone {
  border: 2px dashed #2c3e50;
}
body.flat-cement h1,
body.flat-cement h2,
body.flat-cement h3,
body.flat-cement h4,
body.flat-cement h5,
body.flat-cement h6 {
  color: #2c3e50;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.flat-cement a:hover,
body.flat-cement .xhtml-validation-info,
body.flat-cement .performance-info,
body.flat-cement tr:hover .pencil,
body.flat-cement .ui-dialog .ui-dialog-title div.wide.form a,
body.flat-cement #kanban-board-options-link,
body.flat-cement #select-list-attributes-link,
body.flat-cement #more-search-linkmodal,
body.flat-cement #more-search-link,
body.flat-cement .search-form-tools,
body.flat-cement #inline-edit-form > table td > a,
body.flat-cement .AppContent.MassEditView .ui-state-highlight p,
body.flat-cement #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.flat-cement .calendar-events-1 span,
body.flat-cement .calendar-events-2 span,
body.flat-cement .calendar-events-3 span,
body.flat-cement .calendar-events-4 span,
body.flat-cement .calendar-events-5 span,
body.flat-cement .calendar-events-6 span,
body.flat-cement .sortable-panel,
body.flat-cement .cell-element,
body.flat-cement .upload-actions .icon-delete,
body.flat-cement .badge-icon,
body.flat-cement .percentComplete,
body.flat-cement .qtip,
body.flat-cement .ui-tooltip-default .ui-tooltip-titlebar,
body.flat-cement .comment .delete-comment,
body.flat-cement .comment .edit-comment,
body.flat-cement .comment .delete-comment a,
body.flat-cement .comment .edit-comment a,
body.flat-cement .unread td,
body.flat-cement .unread td a,
body.flat-cement a.user-link,
body.flat-cement .SocialItemsListView .show-create-comment,
body.flat-cement .back-to-inbox-link,
body.flat-cement #AllSocialItemsForPortletView .show-create-comment,
body.flat-cement a.remove:hover .icon:after,
body.flat-cement .juiportlet-widget-head a.edit:hover .icon:after,
body.flat-cement a.more-panels-link,
body.flat-cement a.simple-link,
body.flat-cement a.simple-link .z-label,
body.flat-cement a.simple-select,
body.flat-cement .after-form-details-content a,
body.flat-cement .ui-dialog-title,
body.flat-cement .show-file-upload-box,
body.flat-cement .z-action-link,
body.flat-cement .showAllCommentsLink,
body.flat-cement .treeview span:hover .z-action-link,
body.flat-cement .drop-zone,
body.flat-cement .missing-chart,
body.flat-cement a.active-tab,
body.flat-cement .edit-autoresponder-link,
body.flat-cement .edit-project-link {
  color: #2c3e50;
}
body.flat-cement #MashableInboxActionBarForViews .nav > li > a:hover,
body.flat-cement #MashableInboxActionBarForViews .nav > li > a:active,
body.flat-cement #MashableInboxActionBarForViews a:hover .unread-count,
body.flat-cement #MashableInboxActionBarForViews a:active .unread-count,
body.flat-cement #notifications-flyout .single-notification h4,
body.flat-cement a:hover i[class^="icon"],
body.flat-cement a:hover i[class^="icon"]:after,
body.flat-cement a:active i[class^="icon"],
body.flat-cement a:active i[class^="icon"]:after,
body.flat-cement .default-button:hover span,
body.flat-cement .default-button:hover i[class^="icon"],
body.flat-cement .default-button:hover i[class^="icon"]:after,
body.flat-cement .default-button:hover i[class^="icon"]:before,
body.flat-cement .button-action:hover span,
body.flat-cement .button-action:hover i[class^="icon"],
body.flat-cement .button-action:hover i[class^="icon"]:after,
body.flat-cement .button-action:hover i[class^="icon"]:before,
body.flat-cement .button-action-trigger:hover span,
body.flat-cement .button-action-trigger:hover i[class^="icon"],
body.flat-cement .button-action-trigger:hover i[class^="icon"]:after,
body.flat-cement .button-action-trigger:hover i[class^="icon"]:before,
body.flat-cement .pillbox .active > a,
body.flat-cement .pillbox .active span,
body.flat-cement .pillbox .active i[class^="icon"],
body.flat-cement .pillbox .active i[class^="icon"]:after,
body.flat-cement .pillbox .active i[class^="icon"]:before,
body.flat-cement .pillbox .nav-open a,
body.flat-cement .pillbox .nav-open span,
body.flat-cement .pillbox .nav-open i[class^="icon"],
body.flat-cement .pillbox .nav-open i[class^="icon"]:after,
body.flat-cement .pillbox .nav-open i[class^="icon"]:before,
body.flat-cement .view-toolbar > a:hover,
body.flat-cement .view-toolbar > a:active,
body.flat-cement .view-toolbar > a:hover:before,
body.flat-cement .view-toolbar > a:active:before,
body.flat-cement .view-toolbar > a:hover span,
body.flat-cement .view-toolbar > a:active span,
body.flat-cement .view-toolbar .active,
body.flat-cement .view-toolbar .active > a span,
body.flat-cement .view-toolbar .active > a:before,
body.flat-cement .view-toolbar .nav > li > a:hover,
body.flat-cement .view-toolbar .nav > li > a:active,
body.flat-cement .portlet-toolbar .icon-delete:before,
body.flat-cement .portlet-toolbar .icon-edit:before,
body.flat-cement .mini-pillbox a:hover,
body.flat-cement .mini-pillbox .active,
body.flat-cement #StickyListMenu > li > a:hover > span,
body.flat-cement .addfileinput-button:hover span .pager a:hover:before,
body.flat-cement .pager a:hover:after,
body.flat-cement .ui-datepicker-header a:hover:before,
body.flat-cement .ui-datepicker-header a:hover:after,
body.flat-cement input[type="button"]:hover,
body.flat-cement input[type="button"]:hover:before,
body.flat-cement input[type="button"]:hover:after,
body.flat-cement .configuration-list li a:hover,
body.flat-cement .configuration-list li a:hover span:before,
body.flat-cement .configuration-list td:last-child a:hover,
body.flat-cement .configuration-list td:last-child a:hover span:before,
body.flat-cement .addfileinput-button:hover span,
body.flat-cement .mini-button:hover span,
body.flat-cement .hide-welcome span,
body.flat-cement .hide-module-intro span,
body.flat-cement .hide-marketing-intro span,
body.flat-cement #kanban-board-options-link:hover,
body.flat-cement #more-search-link:hover,
body.flat-cement #select-list-attributes-link:hover {
  color: #2c3e50;
}
body.flat-cement .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.flat-cement #AboutView p a,
body.flat-cement #AboutView ul a,
body.flat-cement .back-to-app-menu-item span,
body.flat-cement .breadcrumbs a,
body.flat-cement .StepsAndProgressBarForWizardView .current-step {
  color: #2c3e50 !important;
}
body.flat-cement .portlet-toolbar .icon-create:hover,
body.flat-cement .portlet-toolbar a:hover,
body.flat-cement .portlet-toolbar .icon-create:before,
body.flat-cement #filter-latest-activities-link:hover,
body.flat-cement .badge-message h3,
body.flat-cement .mini-button:not(.hangup):hover {
  color: #2c3e50 !important;
}
body.flat-cement #InstallAccessFailurePageView a,
body.flat-cement #ErrorPageView a,
body.flat-cement .ui-tooltip-default .ui-tooltip-icon,
body.flat-cement .zLink,
body.flat-cement .z-link,
body.flat-cement .lead-conversion-actions a,
body.flat-cement #clear-search-link,
body.flat-cement #show-filters-structure-div-link,
body.flat-cement .filters-bar .ui-state-active,
body.flat-cement .filters-bar label:hover,
body.flat-cement #clear-search-linkmodal,
body.flat-cement .StepsAndProgressBarForWizardView .progress-bar,
body.flat-cement .task-owner .gravatar {
  background-color: #2c3e50;
}
body.flat-cement .latest-activity-toolbar label:hover,
body.flat-cement .filter-portlet-model-bar label:hover,
body.flat-cement .latest-activity-toolbar .ui-state-active,
body.flat-cement .filter-portlet-model-bar .ui-state-active,
body.flat-cement #clear-search-link,
body.flat-cement #MashableInboxForm_filteredBy_area label:hover,
body.flat-cement #MashableInboxForm_optionForModel_area label:hover,
body.flat-cement #MashableInboxForm_filteredBy_area .ui-state-active,
body.flat-cement #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #2c3e50 !important;
}
body.flat-cement #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.flat-cement #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.flat-cement .points,
body.flat-cement .ranking,
body.flat-cement .badge-grade,
body.flat-cement li.token-input-selected-token {
  background-color: #2c3e50;
}
body.flat-cement .ui-autocomplete a:hover,
body.flat-cement .ui-autocomplete a#ui-active-menuitem,
body.flat-cement .ui-autocomplete a.ui-state-hover,
body.flat-cement #StickyListMenu ul a:hover,
body.flat-cement .toolbar-mbmenu .options-menu ul a:hover,
body.flat-cement #ShortcutsMenu ul a:hover,
body.flat-cement .view-toolbar .parent > ul a:hover,
body.flat-cement .edit-row-menu ul a:hover,
body.flat-cement .edit-portlet-menu ul a:hover {
  background-color: #2c3e50 !important;
  color: #fff !important;
}
body.flat-cement #HeaderView {
  background: #1a242f;
  -webkit-box-shadow: inset 0 10px 50px 0 #2c3e50;
  -moz-box-shadow: inset 0 10px 50px 0 #2c3e50;
  -ms-box-shadow: inset 0 10px 50px 0 #2c3e50;
  -o-box-shadow: inset 0 10px 50px 0 #2c3e50;
  box-shadow: inset 0 10px 50px 0 #2c3e50;
}
body.flat-cement #HeaderLinksView + div {
  background-color: #95a5a6;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #95a5a6, #95a5a6);
  background-image: -ms-linear-gradient(top, #95a5a6, #95a5a6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95a5a6), color-stop(100%, #95a5a6));
  background-image: -webkit-linear-gradient(top, #95a5a6, #95a5a6);
  background-image: -o-linear-gradient(top, #95a5a6, #95a5a6);
  background-image: linear-gradient(top, #95a5a6, #95a5a6);
}
body.flat-cement #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #11181f;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #2c3e50, #11181f);
  background-image: -ms-linear-gradient(top, #2c3e50, #11181f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c3e50), color-stop(100%, #11181f));
  background-image: -webkit-linear-gradient(top, #2c3e50, #11181f);
  background-image: -o-linear-gradient(top, #2c3e50, #11181f);
  background-image: linear-gradient(top, #2c3e50, #11181f);
}
body.flat-cement #user-header-menu > li > a:hover,
body.flat-cement #settings-header-menu > li > a:hover {
  border-left: 1px solid #1a242f;
  border-right: 1px solid #1a242f;
}
body.flat-cement #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.flat-cement #MenuView li.active > a > span,
body.flat-cement #MenuView a:hover > span {
  background-color: #2c3e50;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.flat-cement #RecentlyViewedView a > span:first-child {
  background-color: #2c3e50;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.flat-cement #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.flat-cement #RecentlyViewedView a:hover em {
  color: #2c3e50 !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.flat-cement #MenuView ul ul li a:hover {
  background-color: #11181f;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #2c3e50, #11181f);
  background-image: -ms-linear-gradient(top, #2c3e50, #11181f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c3e50), color-stop(100%, #11181f));
  background-image: -webkit-linear-gradient(top, #2c3e50, #11181f);
  background-image: -o-linear-gradient(top, #2c3e50, #11181f);
  background-image: linear-gradient(top, #2c3e50, #11181f);
}
body.flat-cement .ZeroModelsYetView a .z-label,
body.flat-cement .dashboard-link .z-label,
body.flat-cement .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.flat-cement .zButton:hover .z-label,
body.flat-cement .z-button:hover .z-label,
body.flat-cement .zButton:active .z-label,
body.flat-cement .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.flat-cement .zButton:active .z-label,
body.flat-cement .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.flat-cement .ui-datepicker-current:hover .z-label,
body.flat-cement .ui-datepicker-close:hover .z-label,
body.flat-cement .ui-datepicker-current:active .z-label,
body.flat-cement .ui-datepicker-close:active .z-label,
body.flat-cement .zButton:not(.attachLoading):hover .z-label,
body.flat-cement .z-button:not(.attachLoading):hover .z-label,
body.flat-cement .zButton:not(.attachLoading):active .z-label,
body.flat-cement .z-button:not(.attachLoading):active .z-label,
body.flat-cement .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.flat-cement .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.flat-cement .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.flat-cement .configuration-list li a:hover .z-label,
body.flat-cement .white-button:hover .z-label,
body.flat-cement .white-button:hover .z-label {
  color: #2c3e50 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.flat-cement a.green-button > .z-label,
body.flat-cement a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.flat-cement #LanguagesCollectionView .green-button:hover .z-label,
body.flat-cement .green-button:not(.attachLoading):hover .z-label,
body.flat-cement .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.flat-cement .green-button:active .z-label,
body.flat-cement .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.flat-cement .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.flat-cement .notifications-link:hover {
  border-left: 1px solid #1a242f;
  border-right: 1px solid #1a242f;
}
body.flat-cement #notifications-link {
  border-left: 1px solid #1a242f;
  border-right: 1px solid #1a242f;
}
body.flat-cement .ui-datepicker td.ui-datepicker-today {
  background: #aabdd1 !important;
}
body.flat-cement .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.flat-cement .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #2c3e50;
}
body.flat-cement .form input[type="checkbox"]:focus,
body.flat-cement .form input[type="text"]:focus,
body.flat-cement .form input[type="password"]:focus,
body.flat-cement .form select.multiple:focus,
body.flat-cement .form textarea:focus,
body.flat-cement .hasDropDown select:focus,
body.flat-cement .hasDropDown select:hover,
body.flat-cement .hasDropDown:hover select,
body.flat-cement ul.token-input-list:focus,
body.flat-cement #layout-container .ui-state-active,
body.flat-cement #layout-container .ui-widget-content .ui-state-active,
body.flat-cement #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #2c3e50;
  -moz-box-shadow: 0 0 1px 1px #2c3e50;
  -ms-box-shadow: 0 0 1px 1px #2c3e50;
  -o-box-shadow: 0 0 1px 1px #2c3e50;
  box-shadow: 0 0 1px 1px #2c3e50;
}
body.flat-cement .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.flat-cement .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.flat-cement .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.flat-cement .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.flat-cement .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.flat-cement .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.flat-cement .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.flat-cement .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
body.flat-cement * {
  box-shadow: none !important;
}
body.flat-cement .AppContent,
body.flat-cement .AppNavigation,
body.flat-cement .AppContainer,
body.flat-cement #MenuView,
body.flat-cement #RecentlyViewedView {
  background: none !important;
  border: none !important;
}
body.flat-cement #RecentlyViewedView li em {
  background: none;
}
body.flat-cement .items {
  background: #fff;
}
body.flat-cement .juiportlet-columns .juiportlet-widget .pager {
  border-top: 1px solid #dfdfdf;
}
.color-swatch.flat-cement .theme-color-1 {
  background: #2c3e50;
}
.color-swatch.flat-cement .theme-color-2 {
  background: #2c3e50;
}
.color-swatch.flat-cement .theme-color-3 {
  background: #95a5a6;
}
body.amazon #nav-trigger {
  border-right: 1px solid #111822;
  -webkit-box-shadow: 1px 0 0 0 #28374d;
  -moz-box-shadow: 1px 0 0 0 #28374d;
  -ms-box-shadow: 1px 0 0 0 #28374d;
  -o-box-shadow: 1px 0 0 0 #28374d;
  box-shadow: 1px 0 0 0 #28374d;
  color: #ffffff;
}
body.amazon #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #51719e;
  -moz-text-shadow: 0 1px 0 #51719e;
  -ms-text-shadow: 0 1px 0 #51719e;
  -o-text-shadow: 0 1px 0 #51719e;
  text-shadow: 0 1px 0 #51719e;
}
body.amazon .textColor {
  color: #545454;
}
body.amazon .themeColor {
  color: #26354a;
}
body.amazon .themeColor2 {
  color: #257282;
}
body.amazon .themeBackgroundColor {
  background-color: #26354a;
}
body.amazon .themeBackgroundColor2 {
  background-color: #257282;
}
body.amazon .themeColor-important {
  color: #26354a !important;
}
body.amazon .themeColor2-important {
  color: #257282 !important;
}
body.amazon .themeBackgroundColor-important {
  background-color: #26354a !important;
}
body.amazon .themeBackgroundColor2-important {
  background-color: #257282 !important;
}
body.amazon .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #26354a;
  -moz-box-shadow: 0 0 1px 1px #26354a;
  -ms-box-shadow: 0 0 1px 1px #26354a;
  -o-box-shadow: 0 0 1px 1px #26354a;
  box-shadow: 0 0 1px 1px #26354a;
}
body.amazon .juiportlet-widget-placeholder,
body.amazon .drop-zone {
  border: 2px dashed #26354a;
}
body.amazon h1,
body.amazon h2,
body.amazon h3,
body.amazon h4,
body.amazon h5,
body.amazon h6 {
  color: #26354a;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.amazon a:hover,
body.amazon .xhtml-validation-info,
body.amazon .performance-info,
body.amazon tr:hover .pencil,
body.amazon .ui-dialog .ui-dialog-title div.wide.form a,
body.amazon #kanban-board-options-link,
body.amazon #select-list-attributes-link,
body.amazon #more-search-linkmodal,
body.amazon #more-search-link,
body.amazon .search-form-tools,
body.amazon #inline-edit-form > table td > a,
body.amazon .AppContent.MassEditView .ui-state-highlight p,
body.amazon #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.amazon .calendar-events-1 span,
body.amazon .calendar-events-2 span,
body.amazon .calendar-events-3 span,
body.amazon .calendar-events-4 span,
body.amazon .calendar-events-5 span,
body.amazon .calendar-events-6 span,
body.amazon .sortable-panel,
body.amazon .cell-element,
body.amazon .upload-actions .icon-delete,
body.amazon .badge-icon,
body.amazon .percentComplete,
body.amazon .qtip,
body.amazon .ui-tooltip-default .ui-tooltip-titlebar,
body.amazon .comment .delete-comment,
body.amazon .comment .edit-comment,
body.amazon .comment .delete-comment a,
body.amazon .comment .edit-comment a,
body.amazon .unread td,
body.amazon .unread td a,
body.amazon a.user-link,
body.amazon .SocialItemsListView .show-create-comment,
body.amazon .back-to-inbox-link,
body.amazon #AllSocialItemsForPortletView .show-create-comment,
body.amazon a.remove:hover .icon:after,
body.amazon .juiportlet-widget-head a.edit:hover .icon:after,
body.amazon a.more-panels-link,
body.amazon a.simple-link,
body.amazon a.simple-link .z-label,
body.amazon a.simple-select,
body.amazon .after-form-details-content a,
body.amazon .ui-dialog-title,
body.amazon .show-file-upload-box,
body.amazon .z-action-link,
body.amazon .showAllCommentsLink,
body.amazon .treeview span:hover .z-action-link,
body.amazon .drop-zone,
body.amazon .missing-chart,
body.amazon a.active-tab,
body.amazon .edit-autoresponder-link,
body.amazon .edit-project-link {
  color: #26354a;
}
body.amazon #MashableInboxActionBarForViews .nav > li > a:hover,
body.amazon #MashableInboxActionBarForViews .nav > li > a:active,
body.amazon #MashableInboxActionBarForViews a:hover .unread-count,
body.amazon #MashableInboxActionBarForViews a:active .unread-count,
body.amazon #notifications-flyout .single-notification h4,
body.amazon a:hover i[class^="icon"],
body.amazon a:hover i[class^="icon"]:after,
body.amazon a:active i[class^="icon"],
body.amazon a:active i[class^="icon"]:after,
body.amazon .default-button:hover span,
body.amazon .default-button:hover i[class^="icon"],
body.amazon .default-button:hover i[class^="icon"]:after,
body.amazon .default-button:hover i[class^="icon"]:before,
body.amazon .button-action:hover span,
body.amazon .button-action:hover i[class^="icon"],
body.amazon .button-action:hover i[class^="icon"]:after,
body.amazon .button-action:hover i[class^="icon"]:before,
body.amazon .button-action-trigger:hover span,
body.amazon .button-action-trigger:hover i[class^="icon"],
body.amazon .button-action-trigger:hover i[class^="icon"]:after,
body.amazon .button-action-trigger:hover i[class^="icon"]:before,
body.amazon .pillbox .active > a,
body.amazon .pillbox .active span,
body.amazon .pillbox .active i[class^="icon"],
body.amazon .pillbox .active i[class^="icon"]:after,
body.amazon .pillbox .active i[class^="icon"]:before,
body.amazon .pillbox .nav-open a,
body.amazon .pillbox .nav-open span,
body.amazon .pillbox .nav-open i[class^="icon"],
body.amazon .pillbox .nav-open i[class^="icon"]:after,
body.amazon .pillbox .nav-open i[class^="icon"]:before,
body.amazon .view-toolbar > a:hover,
body.amazon .view-toolbar > a:active,
body.amazon .view-toolbar > a:hover:before,
body.amazon .view-toolbar > a:active:before,
body.amazon .view-toolbar > a:hover span,
body.amazon .view-toolbar > a:active span,
body.amazon .view-toolbar .active,
body.amazon .view-toolbar .active > a span,
body.amazon .view-toolbar .active > a:before,
body.amazon .view-toolbar .nav > li > a:hover,
body.amazon .view-toolbar .nav > li > a:active,
body.amazon .portlet-toolbar .icon-delete:before,
body.amazon .portlet-toolbar .icon-edit:before,
body.amazon .mini-pillbox a:hover,
body.amazon .mini-pillbox .active,
body.amazon #StickyListMenu > li > a:hover > span,
body.amazon .addfileinput-button:hover span .pager a:hover:before,
body.amazon .pager a:hover:after,
body.amazon .ui-datepicker-header a:hover:before,
body.amazon .ui-datepicker-header a:hover:after,
body.amazon input[type="button"]:hover,
body.amazon input[type="button"]:hover:before,
body.amazon input[type="button"]:hover:after,
body.amazon .configuration-list li a:hover,
body.amazon .configuration-list li a:hover span:before,
body.amazon .configuration-list td:last-child a:hover,
body.amazon .configuration-list td:last-child a:hover span:before,
body.amazon .addfileinput-button:hover span,
body.amazon .mini-button:hover span,
body.amazon .hide-welcome span,
body.amazon .hide-module-intro span,
body.amazon .hide-marketing-intro span,
body.amazon #kanban-board-options-link:hover,
body.amazon #more-search-link:hover,
body.amazon #select-list-attributes-link:hover {
  color: #257282;
}
body.amazon .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.amazon #AboutView p a,
body.amazon #AboutView ul a,
body.amazon .back-to-app-menu-item span,
body.amazon .breadcrumbs a,
body.amazon .StepsAndProgressBarForWizardView .current-step {
  color: #26354a !important;
}
body.amazon .portlet-toolbar .icon-create:hover,
body.amazon .portlet-toolbar a:hover,
body.amazon .portlet-toolbar .icon-create:before,
body.amazon #filter-latest-activities-link:hover,
body.amazon .badge-message h3,
body.amazon .mini-button:not(.hangup):hover {
  color: #257282 !important;
}
body.amazon #InstallAccessFailurePageView a,
body.amazon #ErrorPageView a,
body.amazon .ui-tooltip-default .ui-tooltip-icon,
body.amazon .zLink,
body.amazon .z-link,
body.amazon .lead-conversion-actions a,
body.amazon #clear-search-link,
body.amazon #show-filters-structure-div-link,
body.amazon .filters-bar .ui-state-active,
body.amazon .filters-bar label:hover,
body.amazon #clear-search-linkmodal,
body.amazon .StepsAndProgressBarForWizardView .progress-bar,
body.amazon .task-owner .gravatar {
  background-color: #26354a;
}
body.amazon .latest-activity-toolbar label:hover,
body.amazon .filter-portlet-model-bar label:hover,
body.amazon .latest-activity-toolbar .ui-state-active,
body.amazon .filter-portlet-model-bar .ui-state-active,
body.amazon #clear-search-link,
body.amazon #MashableInboxForm_filteredBy_area label:hover,
body.amazon #MashableInboxForm_optionForModel_area label:hover,
body.amazon #MashableInboxForm_filteredBy_area .ui-state-active,
body.amazon #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #26354a !important;
}
body.amazon #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.amazon #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.amazon .points,
body.amazon .ranking,
body.amazon .badge-grade,
body.amazon li.token-input-selected-token {
  background-color: #257282;
}
body.amazon .ui-autocomplete a:hover,
body.amazon .ui-autocomplete a#ui-active-menuitem,
body.amazon .ui-autocomplete a.ui-state-hover,
body.amazon #StickyListMenu ul a:hover,
body.amazon .toolbar-mbmenu .options-menu ul a:hover,
body.amazon #ShortcutsMenu ul a:hover,
body.amazon .view-toolbar .parent > ul a:hover,
body.amazon .edit-row-menu ul a:hover,
body.amazon .edit-portlet-menu ul a:hover {
  background-color: #257282 !important;
  color: #fff !important;
}
body.amazon #HeaderView {
  background: #151d28;
  -webkit-box-shadow: inset 0 10px 50px 0 #26354a;
  -moz-box-shadow: inset 0 10px 50px 0 #26354a;
  -ms-box-shadow: inset 0 10px 50px 0 #26354a;
  -o-box-shadow: inset 0 10px 50px 0 #26354a;
  box-shadow: inset 0 10px 50px 0 #26354a;
}
body.amazon #HeaderLinksView + div {
  background-color: #71b07b;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #2f9e66, #71b07b);
  background-image: -ms-linear-gradient(top, #2f9e66, #71b07b);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f9e66), color-stop(100%, #71b07b));
  background-image: -webkit-linear-gradient(top, #2f9e66, #71b07b);
  background-image: -o-linear-gradient(top, #2f9e66, #71b07b);
  background-image: linear-gradient(top, #2f9e66, #71b07b);
}
body.amazon #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #143e46;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #257282, #143e46);
  background-image: -ms-linear-gradient(top, #257282, #143e46);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #257282), color-stop(100%, #143e46));
  background-image: -webkit-linear-gradient(top, #257282, #143e46);
  background-image: -o-linear-gradient(top, #257282, #143e46);
  background-image: linear-gradient(top, #257282, #143e46);
}
body.amazon #user-header-menu > li > a:hover,
body.amazon #settings-header-menu > li > a:hover {
  border-left: 1px solid #151d28;
  border-right: 1px solid #151d28;
}
body.amazon #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.amazon #MenuView li.active > a > span,
body.amazon #MenuView a:hover > span {
  background-color: #257282;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.amazon #RecentlyViewedView a > span:first-child {
  background-color: #257282;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.amazon #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.amazon #RecentlyViewedView a:hover em {
  color: #26354a !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.amazon #MenuView ul ul li a:hover {
  background-color: #143e46;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #257282, #143e46);
  background-image: -ms-linear-gradient(top, #257282, #143e46);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #257282), color-stop(100%, #143e46));
  background-image: -webkit-linear-gradient(top, #257282, #143e46);
  background-image: -o-linear-gradient(top, #257282, #143e46);
  background-image: linear-gradient(top, #257282, #143e46);
}
body.amazon .ZeroModelsYetView a .z-label,
body.amazon .dashboard-link .z-label,
body.amazon .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.amazon .zButton:hover .z-label,
body.amazon .z-button:hover .z-label,
body.amazon .zButton:active .z-label,
body.amazon .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.amazon .zButton:active .z-label,
body.amazon .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.amazon .ui-datepicker-current:hover .z-label,
body.amazon .ui-datepicker-close:hover .z-label,
body.amazon .ui-datepicker-current:active .z-label,
body.amazon .ui-datepicker-close:active .z-label,
body.amazon .zButton:not(.attachLoading):hover .z-label,
body.amazon .z-button:not(.attachLoading):hover .z-label,
body.amazon .zButton:not(.attachLoading):active .z-label,
body.amazon .z-button:not(.attachLoading):active .z-label,
body.amazon .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.amazon .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.amazon .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.amazon .configuration-list li a:hover .z-label,
body.amazon .white-button:hover .z-label,
body.amazon .white-button:hover .z-label {
  color: #257282 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.amazon a.green-button > .z-label,
body.amazon a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.amazon #LanguagesCollectionView .green-button:hover .z-label,
body.amazon .green-button:not(.attachLoading):hover .z-label,
body.amazon .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.amazon .green-button:active .z-label,
body.amazon .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.amazon .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.amazon .notifications-link:hover {
  border-left: 1px solid #151d28;
  border-right: 1px solid #151d28;
}
body.amazon #notifications-link {
  border-left: 1px solid #151d28;
  border-right: 1px solid #151d28;
}
body.amazon .ui-datepicker td.ui-datepicker-today {
  background: #a1b4ce !important;
}
body.amazon .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.amazon .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #26354a;
}
body.amazon .form input[type="checkbox"]:focus,
body.amazon .form input[type="text"]:focus,
body.amazon .form input[type="password"]:focus,
body.amazon .form select.multiple:focus,
body.amazon .form textarea:focus,
body.amazon .hasDropDown select:focus,
body.amazon .hasDropDown select:hover,
body.amazon .hasDropDown:hover select,
body.amazon ul.token-input-list:focus,
body.amazon #layout-container .ui-state-active,
body.amazon #layout-container .ui-widget-content .ui-state-active,
body.amazon #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #26354a;
  -moz-box-shadow: 0 0 1px 1px #26354a;
  -ms-box-shadow: 0 0 1px 1px #26354a;
  -o-box-shadow: 0 0 1px 1px #26354a;
  box-shadow: 0 0 1px 1px #26354a;
}
body.amazon .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.amazon .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.amazon .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.amazon .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.amazon .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.amazon .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.amazon .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.amazon .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.amazon .theme-color-1 {
  background: #26354a;
}
.color-swatch.amazon .theme-color-2 {
  background: #257282;
}
.color-swatch.amazon .theme-color-3 {
  background: #2f9e66;
}
body.sweden #nav-trigger {
  border-right: 1px solid #022b50;
  -webkit-box-shadow: 1px 0 0 0 #034f91;
  -moz-box-shadow: 1px 0 0 0 #034f91;
  -ms-box-shadow: 1px 0 0 0 #034f91;
  -o-box-shadow: 1px 0 0 0 #034f91;
  box-shadow: 1px 0 0 0 #034f91;
  color: #ffffff;
}
body.sweden #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #158ffa;
  -moz-text-shadow: 0 1px 0 #158ffa;
  -ms-text-shadow: 0 1px 0 #158ffa;
  -o-text-shadow: 0 1px 0 #158ffa;
  text-shadow: 0 1px 0 #158ffa;
}
body.sweden .textColor {
  color: #545454;
}
body.sweden .themeColor {
  color: #034c8c;
}
body.sweden .themeColor2 {
  color: #024873;
}
body.sweden .themeBackgroundColor {
  background-color: #034c8c;
}
body.sweden .themeBackgroundColor2 {
  background-color: #024873;
}
body.sweden .themeColor-important {
  color: #034c8c !important;
}
body.sweden .themeColor2-important {
  color: #024873 !important;
}
body.sweden .themeBackgroundColor-important {
  background-color: #034c8c !important;
}
body.sweden .themeBackgroundColor2-important {
  background-color: #024873 !important;
}
body.sweden .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #034c8c;
  -moz-box-shadow: 0 0 1px 1px #034c8c;
  -ms-box-shadow: 0 0 1px 1px #034c8c;
  -o-box-shadow: 0 0 1px 1px #034c8c;
  box-shadow: 0 0 1px 1px #034c8c;
}
body.sweden .juiportlet-widget-placeholder,
body.sweden .drop-zone {
  border: 2px dashed #034c8c;
}
body.sweden h1,
body.sweden h2,
body.sweden h3,
body.sweden h4,
body.sweden h5,
body.sweden h6 {
  color: #034c8c;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.sweden a:hover,
body.sweden .xhtml-validation-info,
body.sweden .performance-info,
body.sweden tr:hover .pencil,
body.sweden .ui-dialog .ui-dialog-title div.wide.form a,
body.sweden #kanban-board-options-link,
body.sweden #select-list-attributes-link,
body.sweden #more-search-linkmodal,
body.sweden #more-search-link,
body.sweden .search-form-tools,
body.sweden #inline-edit-form > table td > a,
body.sweden .AppContent.MassEditView .ui-state-highlight p,
body.sweden #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.sweden .calendar-events-1 span,
body.sweden .calendar-events-2 span,
body.sweden .calendar-events-3 span,
body.sweden .calendar-events-4 span,
body.sweden .calendar-events-5 span,
body.sweden .calendar-events-6 span,
body.sweden .sortable-panel,
body.sweden .cell-element,
body.sweden .upload-actions .icon-delete,
body.sweden .badge-icon,
body.sweden .percentComplete,
body.sweden .qtip,
body.sweden .ui-tooltip-default .ui-tooltip-titlebar,
body.sweden .comment .delete-comment,
body.sweden .comment .edit-comment,
body.sweden .comment .delete-comment a,
body.sweden .comment .edit-comment a,
body.sweden .unread td,
body.sweden .unread td a,
body.sweden a.user-link,
body.sweden .SocialItemsListView .show-create-comment,
body.sweden .back-to-inbox-link,
body.sweden #AllSocialItemsForPortletView .show-create-comment,
body.sweden a.remove:hover .icon:after,
body.sweden .juiportlet-widget-head a.edit:hover .icon:after,
body.sweden a.more-panels-link,
body.sweden a.simple-link,
body.sweden a.simple-link .z-label,
body.sweden a.simple-select,
body.sweden .after-form-details-content a,
body.sweden .ui-dialog-title,
body.sweden .show-file-upload-box,
body.sweden .z-action-link,
body.sweden .showAllCommentsLink,
body.sweden .treeview span:hover .z-action-link,
body.sweden .drop-zone,
body.sweden .missing-chart,
body.sweden a.active-tab,
body.sweden .edit-autoresponder-link,
body.sweden .edit-project-link {
  color: #034c8c;
}
body.sweden #MashableInboxActionBarForViews .nav > li > a:hover,
body.sweden #MashableInboxActionBarForViews .nav > li > a:active,
body.sweden #MashableInboxActionBarForViews a:hover .unread-count,
body.sweden #MashableInboxActionBarForViews a:active .unread-count,
body.sweden #notifications-flyout .single-notification h4,
body.sweden a:hover i[class^="icon"],
body.sweden a:hover i[class^="icon"]:after,
body.sweden a:active i[class^="icon"],
body.sweden a:active i[class^="icon"]:after,
body.sweden .default-button:hover span,
body.sweden .default-button:hover i[class^="icon"],
body.sweden .default-button:hover i[class^="icon"]:after,
body.sweden .default-button:hover i[class^="icon"]:before,
body.sweden .button-action:hover span,
body.sweden .button-action:hover i[class^="icon"],
body.sweden .button-action:hover i[class^="icon"]:after,
body.sweden .button-action:hover i[class^="icon"]:before,
body.sweden .button-action-trigger:hover span,
body.sweden .button-action-trigger:hover i[class^="icon"],
body.sweden .button-action-trigger:hover i[class^="icon"]:after,
body.sweden .button-action-trigger:hover i[class^="icon"]:before,
body.sweden .pillbox .active > a,
body.sweden .pillbox .active span,
body.sweden .pillbox .active i[class^="icon"],
body.sweden .pillbox .active i[class^="icon"]:after,
body.sweden .pillbox .active i[class^="icon"]:before,
body.sweden .pillbox .nav-open a,
body.sweden .pillbox .nav-open span,
body.sweden .pillbox .nav-open i[class^="icon"],
body.sweden .pillbox .nav-open i[class^="icon"]:after,
body.sweden .pillbox .nav-open i[class^="icon"]:before,
body.sweden .view-toolbar > a:hover,
body.sweden .view-toolbar > a:active,
body.sweden .view-toolbar > a:hover:before,
body.sweden .view-toolbar > a:active:before,
body.sweden .view-toolbar > a:hover span,
body.sweden .view-toolbar > a:active span,
body.sweden .view-toolbar .active,
body.sweden .view-toolbar .active > a span,
body.sweden .view-toolbar .active > a:before,
body.sweden .view-toolbar .nav > li > a:hover,
body.sweden .view-toolbar .nav > li > a:active,
body.sweden .portlet-toolbar .icon-delete:before,
body.sweden .portlet-toolbar .icon-edit:before,
body.sweden .mini-pillbox a:hover,
body.sweden .mini-pillbox .active,
body.sweden #StickyListMenu > li > a:hover > span,
body.sweden .addfileinput-button:hover span .pager a:hover:before,
body.sweden .pager a:hover:after,
body.sweden .ui-datepicker-header a:hover:before,
body.sweden .ui-datepicker-header a:hover:after,
body.sweden input[type="button"]:hover,
body.sweden input[type="button"]:hover:before,
body.sweden input[type="button"]:hover:after,
body.sweden .configuration-list li a:hover,
body.sweden .configuration-list li a:hover span:before,
body.sweden .configuration-list td:last-child a:hover,
body.sweden .configuration-list td:last-child a:hover span:before,
body.sweden .addfileinput-button:hover span,
body.sweden .mini-button:hover span,
body.sweden .hide-welcome span,
body.sweden .hide-module-intro span,
body.sweden .hide-marketing-intro span,
body.sweden #kanban-board-options-link:hover,
body.sweden #more-search-link:hover,
body.sweden #select-list-attributes-link:hover {
  color: #024873;
}
body.sweden .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.sweden #AboutView p a,
body.sweden #AboutView ul a,
body.sweden .back-to-app-menu-item span,
body.sweden .breadcrumbs a,
body.sweden .StepsAndProgressBarForWizardView .current-step {
  color: #034c8c !important;
}
body.sweden .portlet-toolbar .icon-create:hover,
body.sweden .portlet-toolbar a:hover,
body.sweden .portlet-toolbar .icon-create:before,
body.sweden #filter-latest-activities-link:hover,
body.sweden .badge-message h3,
body.sweden .mini-button:not(.hangup):hover {
  color: #024873 !important;
}
body.sweden #InstallAccessFailurePageView a,
body.sweden #ErrorPageView a,
body.sweden .ui-tooltip-default .ui-tooltip-icon,
body.sweden .zLink,
body.sweden .z-link,
body.sweden .lead-conversion-actions a,
body.sweden #clear-search-link,
body.sweden #show-filters-structure-div-link,
body.sweden .filters-bar .ui-state-active,
body.sweden .filters-bar label:hover,
body.sweden #clear-search-linkmodal,
body.sweden .StepsAndProgressBarForWizardView .progress-bar,
body.sweden .task-owner .gravatar {
  background-color: #034c8c;
}
body.sweden .latest-activity-toolbar label:hover,
body.sweden .filter-portlet-model-bar label:hover,
body.sweden .latest-activity-toolbar .ui-state-active,
body.sweden .filter-portlet-model-bar .ui-state-active,
body.sweden #clear-search-link,
body.sweden #MashableInboxForm_filteredBy_area label:hover,
body.sweden #MashableInboxForm_optionForModel_area label:hover,
body.sweden #MashableInboxForm_filteredBy_area .ui-state-active,
body.sweden #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #034c8c !important;
}
body.sweden #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.sweden #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.sweden .points,
body.sweden .ranking,
body.sweden .badge-grade,
body.sweden li.token-input-selected-token {
  background-color: #024873;
}
body.sweden .ui-autocomplete a:hover,
body.sweden .ui-autocomplete a#ui-active-menuitem,
body.sweden .ui-autocomplete a.ui-state-hover,
body.sweden #StickyListMenu ul a:hover,
body.sweden .toolbar-mbmenu .options-menu ul a:hover,
body.sweden #ShortcutsMenu ul a:hover,
body.sweden .view-toolbar .parent > ul a:hover,
body.sweden .edit-row-menu ul a:hover,
body.sweden .edit-portlet-menu ul a:hover {
  background-color: #024873 !important;
  color: #fff !important;
}
body.sweden #HeaderView {
  background: #02315a;
  -webkit-box-shadow: inset 0 10px 50px 0 #034c8c;
  -moz-box-shadow: inset 0 10px 50px 0 #034c8c;
  -ms-box-shadow: inset 0 10px 50px 0 #034c8c;
  -o-box-shadow: inset 0 10px 50px 0 #034c8c;
  box-shadow: inset 0 10px 50px 0 #034c8c;
}
body.sweden #HeaderLinksView + div {
  background-color: #f2ec5c;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f2d632, #f2ec5c);
  background-image: -ms-linear-gradient(top, #f2d632, #f2ec5c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2d632), color-stop(100%, #f2ec5c));
  background-image: -webkit-linear-gradient(top, #f2d632, #f2ec5c);
  background-image: -o-linear-gradient(top, #f2d632, #f2ec5c);
  background-image: linear-gradient(top, #f2d632, #f2ec5c);
}
body.sweden #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #011928;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #024873, #011928);
  background-image: -ms-linear-gradient(top, #024873, #011928);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #024873), color-stop(100%, #011928));
  background-image: -webkit-linear-gradient(top, #024873, #011928);
  background-image: -o-linear-gradient(top, #024873, #011928);
  background-image: linear-gradient(top, #024873, #011928);
}
body.sweden #user-header-menu > li > a:hover,
body.sweden #settings-header-menu > li > a:hover {
  border-left: 1px solid #02315a;
  border-right: 1px solid #02315a;
}
body.sweden #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.sweden #MenuView li.active > a > span,
body.sweden #MenuView a:hover > span {
  background-color: #024873;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sweden #RecentlyViewedView a > span:first-child {
  background-color: #024873;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.sweden #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sweden #RecentlyViewedView a:hover em {
  color: #034c8c !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.sweden #MenuView ul ul li a:hover {
  background-color: #011928;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #024873, #011928);
  background-image: -ms-linear-gradient(top, #024873, #011928);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #024873), color-stop(100%, #011928));
  background-image: -webkit-linear-gradient(top, #024873, #011928);
  background-image: -o-linear-gradient(top, #024873, #011928);
  background-image: linear-gradient(top, #024873, #011928);
}
body.sweden .ZeroModelsYetView a .z-label,
body.sweden .dashboard-link .z-label,
body.sweden .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sweden .zButton:hover .z-label,
body.sweden .z-button:hover .z-label,
body.sweden .zButton:active .z-label,
body.sweden .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sweden .zButton:active .z-label,
body.sweden .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.sweden .ui-datepicker-current:hover .z-label,
body.sweden .ui-datepicker-close:hover .z-label,
body.sweden .ui-datepicker-current:active .z-label,
body.sweden .ui-datepicker-close:active .z-label,
body.sweden .zButton:not(.attachLoading):hover .z-label,
body.sweden .z-button:not(.attachLoading):hover .z-label,
body.sweden .zButton:not(.attachLoading):active .z-label,
body.sweden .z-button:not(.attachLoading):active .z-label,
body.sweden .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.sweden .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.sweden .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.sweden .configuration-list li a:hover .z-label,
body.sweden .white-button:hover .z-label,
body.sweden .white-button:hover .z-label {
  color: #024873 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.sweden a.green-button > .z-label,
body.sweden a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.sweden #LanguagesCollectionView .green-button:hover .z-label,
body.sweden .green-button:not(.attachLoading):hover .z-label,
body.sweden .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sweden .green-button:active .z-label,
body.sweden .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.sweden .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.sweden .notifications-link:hover {
  border-left: 1px solid #02315a;
  border-right: 1px solid #02315a;
}
body.sweden #notifications-link {
  border-left: 1px solid #02315a;
  border-right: 1px solid #02315a;
}
body.sweden .ui-datepicker td.ui-datepicker-today {
  background: #91cbfd !important;
}
body.sweden .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.sweden .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #034c8c;
}
body.sweden .form input[type="checkbox"]:focus,
body.sweden .form input[type="text"]:focus,
body.sweden .form input[type="password"]:focus,
body.sweden .form select.multiple:focus,
body.sweden .form textarea:focus,
body.sweden .hasDropDown select:focus,
body.sweden .hasDropDown select:hover,
body.sweden .hasDropDown:hover select,
body.sweden ul.token-input-list:focus,
body.sweden #layout-container .ui-state-active,
body.sweden #layout-container .ui-widget-content .ui-state-active,
body.sweden #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #034c8c;
  -moz-box-shadow: 0 0 1px 1px #034c8c;
  -ms-box-shadow: 0 0 1px 1px #034c8c;
  -o-box-shadow: 0 0 1px 1px #034c8c;
  box-shadow: 0 0 1px 1px #034c8c;
}
body.sweden .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.sweden .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.sweden .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.sweden .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sweden .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.sweden .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.sweden .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.sweden .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.sweden .theme-color-1 {
  background: #034c8c;
}
.color-swatch.sweden .theme-color-2 {
  background: #024873;
}
.color-swatch.sweden .theme-color-3 {
  background: #f2d632;
}
body.pink #nav-trigger {
  border-right: 1px solid #131313;
  -webkit-box-shadow: 1px 0 0 0 #353535;
  -moz-box-shadow: 1px 0 0 0 #353535;
  -ms-box-shadow: 1px 0 0 0 #353535;
  -o-box-shadow: 1px 0 0 0 #353535;
  box-shadow: 1px 0 0 0 #353535;
  color: #ffffff;
}
body.pink #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #727272;
  -moz-text-shadow: 0 1px 0 #727272;
  -ms-text-shadow: 0 1px 0 #727272;
  -o-text-shadow: 0 1px 0 #727272;
  text-shadow: 0 1px 0 #727272;
}
body.pink .textColor {
  color: #545454;
}
body.pink .themeColor {
  color: #323232;
}
body.pink .themeColor2 {
  color: #565656;
}
body.pink .themeBackgroundColor {
  background-color: #323232;
}
body.pink .themeBackgroundColor2 {
  background-color: #565656;
}
body.pink .themeColor-important {
  color: #323232 !important;
}
body.pink .themeColor2-important {
  color: #565656 !important;
}
body.pink .themeBackgroundColor-important {
  background-color: #323232 !important;
}
body.pink .themeBackgroundColor2-important {
  background-color: #565656 !important;
}
body.pink .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #323232;
  -moz-box-shadow: 0 0 1px 1px #323232;
  -ms-box-shadow: 0 0 1px 1px #323232;
  -o-box-shadow: 0 0 1px 1px #323232;
  box-shadow: 0 0 1px 1px #323232;
}
body.pink .juiportlet-widget-placeholder,
body.pink .drop-zone {
  border: 2px dashed #323232;
}
body.pink h1,
body.pink h2,
body.pink h3,
body.pink h4,
body.pink h5,
body.pink h6 {
  color: #323232;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.pink a:hover,
body.pink .xhtml-validation-info,
body.pink .performance-info,
body.pink tr:hover .pencil,
body.pink .ui-dialog .ui-dialog-title div.wide.form a,
body.pink #kanban-board-options-link,
body.pink #select-list-attributes-link,
body.pink #more-search-linkmodal,
body.pink #more-search-link,
body.pink .search-form-tools,
body.pink #inline-edit-form > table td > a,
body.pink .AppContent.MassEditView .ui-state-highlight p,
body.pink #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.pink .calendar-events-1 span,
body.pink .calendar-events-2 span,
body.pink .calendar-events-3 span,
body.pink .calendar-events-4 span,
body.pink .calendar-events-5 span,
body.pink .calendar-events-6 span,
body.pink .sortable-panel,
body.pink .cell-element,
body.pink .upload-actions .icon-delete,
body.pink .badge-icon,
body.pink .percentComplete,
body.pink .qtip,
body.pink .ui-tooltip-default .ui-tooltip-titlebar,
body.pink .comment .delete-comment,
body.pink .comment .edit-comment,
body.pink .comment .delete-comment a,
body.pink .comment .edit-comment a,
body.pink .unread td,
body.pink .unread td a,
body.pink a.user-link,
body.pink .SocialItemsListView .show-create-comment,
body.pink .back-to-inbox-link,
body.pink #AllSocialItemsForPortletView .show-create-comment,
body.pink a.remove:hover .icon:after,
body.pink .juiportlet-widget-head a.edit:hover .icon:after,
body.pink a.more-panels-link,
body.pink a.simple-link,
body.pink a.simple-link .z-label,
body.pink a.simple-select,
body.pink .after-form-details-content a,
body.pink .ui-dialog-title,
body.pink .show-file-upload-box,
body.pink .z-action-link,
body.pink .showAllCommentsLink,
body.pink .treeview span:hover .z-action-link,
body.pink .drop-zone,
body.pink .missing-chart,
body.pink a.active-tab,
body.pink .edit-autoresponder-link,
body.pink .edit-project-link {
  color: #323232;
}
body.pink #MashableInboxActionBarForViews .nav > li > a:hover,
body.pink #MashableInboxActionBarForViews .nav > li > a:active,
body.pink #MashableInboxActionBarForViews a:hover .unread-count,
body.pink #MashableInboxActionBarForViews a:active .unread-count,
body.pink #notifications-flyout .single-notification h4,
body.pink a:hover i[class^="icon"],
body.pink a:hover i[class^="icon"]:after,
body.pink a:active i[class^="icon"],
body.pink a:active i[class^="icon"]:after,
body.pink .default-button:hover span,
body.pink .default-button:hover i[class^="icon"],
body.pink .default-button:hover i[class^="icon"]:after,
body.pink .default-button:hover i[class^="icon"]:before,
body.pink .button-action:hover span,
body.pink .button-action:hover i[class^="icon"],
body.pink .button-action:hover i[class^="icon"]:after,
body.pink .button-action:hover i[class^="icon"]:before,
body.pink .button-action-trigger:hover span,
body.pink .button-action-trigger:hover i[class^="icon"],
body.pink .button-action-trigger:hover i[class^="icon"]:after,
body.pink .button-action-trigger:hover i[class^="icon"]:before,
body.pink .pillbox .active > a,
body.pink .pillbox .active span,
body.pink .pillbox .active i[class^="icon"],
body.pink .pillbox .active i[class^="icon"]:after,
body.pink .pillbox .active i[class^="icon"]:before,
body.pink .pillbox .nav-open a,
body.pink .pillbox .nav-open span,
body.pink .pillbox .nav-open i[class^="icon"],
body.pink .pillbox .nav-open i[class^="icon"]:after,
body.pink .pillbox .nav-open i[class^="icon"]:before,
body.pink .view-toolbar > a:hover,
body.pink .view-toolbar > a:active,
body.pink .view-toolbar > a:hover:before,
body.pink .view-toolbar > a:active:before,
body.pink .view-toolbar > a:hover span,
body.pink .view-toolbar > a:active span,
body.pink .view-toolbar .active,
body.pink .view-toolbar .active > a span,
body.pink .view-toolbar .active > a:before,
body.pink .view-toolbar .nav > li > a:hover,
body.pink .view-toolbar .nav > li > a:active,
body.pink .portlet-toolbar .icon-delete:before,
body.pink .portlet-toolbar .icon-edit:before,
body.pink .mini-pillbox a:hover,
body.pink .mini-pillbox .active,
body.pink #StickyListMenu > li > a:hover > span,
body.pink .addfileinput-button:hover span .pager a:hover:before,
body.pink .pager a:hover:after,
body.pink .ui-datepicker-header a:hover:before,
body.pink .ui-datepicker-header a:hover:after,
body.pink input[type="button"]:hover,
body.pink input[type="button"]:hover:before,
body.pink input[type="button"]:hover:after,
body.pink .configuration-list li a:hover,
body.pink .configuration-list li a:hover span:before,
body.pink .configuration-list td:last-child a:hover,
body.pink .configuration-list td:last-child a:hover span:before,
body.pink .addfileinput-button:hover span,
body.pink .mini-button:hover span,
body.pink .hide-welcome span,
body.pink .hide-module-intro span,
body.pink .hide-marketing-intro span,
body.pink #kanban-board-options-link:hover,
body.pink #more-search-link:hover,
body.pink #select-list-attributes-link:hover {
  color: #565656;
}
body.pink .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.pink #AboutView p a,
body.pink #AboutView ul a,
body.pink .back-to-app-menu-item span,
body.pink .breadcrumbs a,
body.pink .StepsAndProgressBarForWizardView .current-step {
  color: #323232 !important;
}
body.pink .portlet-toolbar .icon-create:hover,
body.pink .portlet-toolbar a:hover,
body.pink .portlet-toolbar .icon-create:before,
body.pink #filter-latest-activities-link:hover,
body.pink .badge-message h3,
body.pink .mini-button:not(.hangup):hover {
  color: #565656 !important;
}
body.pink #InstallAccessFailurePageView a,
body.pink #ErrorPageView a,
body.pink .ui-tooltip-default .ui-tooltip-icon,
body.pink .zLink,
body.pink .z-link,
body.pink .lead-conversion-actions a,
body.pink #clear-search-link,
body.pink #show-filters-structure-div-link,
body.pink .filters-bar .ui-state-active,
body.pink .filters-bar label:hover,
body.pink #clear-search-linkmodal,
body.pink .StepsAndProgressBarForWizardView .progress-bar,
body.pink .task-owner .gravatar {
  background-color: #323232;
}
body.pink .latest-activity-toolbar label:hover,
body.pink .filter-portlet-model-bar label:hover,
body.pink .latest-activity-toolbar .ui-state-active,
body.pink .filter-portlet-model-bar .ui-state-active,
body.pink #clear-search-link,
body.pink #MashableInboxForm_filteredBy_area label:hover,
body.pink #MashableInboxForm_optionForModel_area label:hover,
body.pink #MashableInboxForm_filteredBy_area .ui-state-active,
body.pink #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #323232 !important;
}
body.pink #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.pink #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.pink .points,
body.pink .ranking,
body.pink .badge-grade,
body.pink li.token-input-selected-token {
  background-color: #565656;
}
body.pink .ui-autocomplete a:hover,
body.pink .ui-autocomplete a#ui-active-menuitem,
body.pink .ui-autocomplete a.ui-state-hover,
body.pink #StickyListMenu ul a:hover,
body.pink .toolbar-mbmenu .options-menu ul a:hover,
body.pink #ShortcutsMenu ul a:hover,
body.pink .view-toolbar .parent > ul a:hover,
body.pink .edit-row-menu ul a:hover,
body.pink .edit-portlet-menu ul a:hover {
  background-color: #565656 !important;
  color: #fff !important;
}
body.pink #HeaderView {
  background: #181818;
  -webkit-box-shadow: inset 0 10px 50px 0 #323232;
  -moz-box-shadow: inset 0 10px 50px 0 #323232;
  -ms-box-shadow: inset 0 10px 50px 0 #323232;
  -o-box-shadow: inset 0 10px 50px 0 #323232;
  box-shadow: inset 0 10px 50px 0 #323232;
}
body.pink #HeaderLinksView + div {
  background-color: #ff4f84;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ff253d, #ff4f84);
  background-image: -ms-linear-gradient(top, #ff253d, #ff4f84);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff253d), color-stop(100%, #ff4f84));
  background-image: -webkit-linear-gradient(top, #ff253d, #ff4f84);
  background-image: -o-linear-gradient(top, #ff253d, #ff4f84);
  background-image: linear-gradient(top, #ff253d, #ff4f84);
}
body.pink #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #303030;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #565656, #303030);
  background-image: -ms-linear-gradient(top, #565656, #303030);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #303030));
  background-image: -webkit-linear-gradient(top, #565656, #303030);
  background-image: -o-linear-gradient(top, #565656, #303030);
  background-image: linear-gradient(top, #565656, #303030);
}
body.pink #user-header-menu > li > a:hover,
body.pink #settings-header-menu > li > a:hover {
  border-left: 1px solid #181818;
  border-right: 1px solid #181818;
}
body.pink #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.pink #MenuView li.active > a > span,
body.pink #MenuView a:hover > span {
  background-color: #565656;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.pink #RecentlyViewedView a > span:first-child {
  background-color: #565656;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.pink #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.pink #RecentlyViewedView a:hover em {
  color: #323232 !important;
  -webkit-text-shadow: 0px 1px 0 #acd064;
  -moz-text-shadow: 0px 1px 0 #acd064;
  -ms-text-shadow: 0px 1px 0 #acd064;
  -o-text-shadow: 0px 1px 0 #acd064;
  text-shadow: 0px 1px 0 #acd064;
}
body.pink #MenuView ul ul li a:hover {
  background-color: #303030;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #565656, #303030);
  background-image: -ms-linear-gradient(top, #565656, #303030);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #303030));
  background-image: -webkit-linear-gradient(top, #565656, #303030);
  background-image: -o-linear-gradient(top, #565656, #303030);
  background-image: linear-gradient(top, #565656, #303030);
}
body.pink .ZeroModelsYetView a .z-label,
body.pink .dashboard-link .z-label,
body.pink .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.pink .zButton:hover .z-label,
body.pink .z-button:hover .z-label,
body.pink .zButton:active .z-label,
body.pink .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.pink .zButton:active .z-label,
body.pink .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.pink .ui-datepicker-current:hover .z-label,
body.pink .ui-datepicker-close:hover .z-label,
body.pink .ui-datepicker-current:active .z-label,
body.pink .ui-datepicker-close:active .z-label,
body.pink .zButton:not(.attachLoading):hover .z-label,
body.pink .z-button:not(.attachLoading):hover .z-label,
body.pink .zButton:not(.attachLoading):active .z-label,
body.pink .z-button:not(.attachLoading):active .z-label,
body.pink .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.pink .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.pink .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.pink .configuration-list li a:hover .z-label,
body.pink .white-button:hover .z-label,
body.pink .white-button:hover .z-label {
  color: #565656 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.pink a.green-button > .z-label,
body.pink a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.pink #LanguagesCollectionView .green-button:hover .z-label,
body.pink .green-button:not(.attachLoading):hover .z-label,
body.pink .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.pink .green-button:active .z-label,
body.pink .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.pink .button-actions a:hover {
  color: #ffffff !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px -1px 0 #4c631e !important;
  -moz-text-shadow: 0px -1px 0 #4c631e !important;
  -ms-text-shadow: 0px -1px 0 #4c631e !important;
  -o-text-shadow: 0px -1px 0 #4c631e !important;
  text-shadow: 0px -1px 0 #4c631e !important;
}
body.pink .notifications-link:hover {
  border-left: 1px solid #181818;
  border-right: 1px solid #181818;
}
body.pink #notifications-link {
  border-left: 1px solid #181818;
  border-right: 1px solid #181818;
}
body.pink .ui-datepicker td.ui-datepicker-today {
  background: #b2b2b2 !important;
}
body.pink .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.pink .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #323232;
}
body.pink .form input[type="checkbox"]:focus,
body.pink .form input[type="text"]:focus,
body.pink .form input[type="password"]:focus,
body.pink .form select.multiple:focus,
body.pink .form textarea:focus,
body.pink .hasDropDown select:focus,
body.pink .hasDropDown select:hover,
body.pink .hasDropDown:hover select,
body.pink ul.token-input-list:focus,
body.pink #layout-container .ui-state-active,
body.pink #layout-container .ui-widget-content .ui-state-active,
body.pink #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #323232;
  -moz-box-shadow: 0 0 1px 1px #323232;
  -ms-box-shadow: 0 0 1px 1px #323232;
  -o-box-shadow: 0 0 1px 1px #323232;
  box-shadow: 0 0 1px 1px #323232;
}
body.pink .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.pink .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.pink .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.pink .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.pink .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.pink .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.pink .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.pink .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.pink .theme-color-1 {
  background: #323232;
}
.color-swatch.pink .theme-color-2 {
  background: #565656;
}
.color-swatch.pink .theme-color-3 {
  background: #ff253d;
}
body.brown #nav-trigger {
  border-right: 1px solid #3c565b;
  -webkit-box-shadow: 1px 0 0 0 #567c83;
  -moz-box-shadow: 1px 0 0 0 #567c83;
  -ms-box-shadow: 1px 0 0 0 #567c83;
  -o-box-shadow: 1px 0 0 0 #567c83;
  box-shadow: 1px 0 0 0 #567c83;
  color: #ffffff;
}
body.brown #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #98b6bb;
  -moz-text-shadow: 0 1px 0 #98b6bb;
  -ms-text-shadow: 0 1px 0 #98b6bb;
  -o-text-shadow: 0 1px 0 #98b6bb;
  text-shadow: 0 1px 0 #98b6bb;
}
body.brown .textColor {
  color: #545454;
}
body.brown .themeColor {
  color: #547980;
}
body.brown .themeColor2 {
  color: #b88f30;
}
body.brown .themeBackgroundColor {
  background-color: #547980;
}
body.brown .themeBackgroundColor2 {
  background-color: #b88f30;
}
body.brown .themeColor-important {
  color: #547980 !important;
}
body.brown .themeColor2-important {
  color: #b88f30 !important;
}
body.brown .themeBackgroundColor-important {
  background-color: #547980 !important;
}
body.brown .themeBackgroundColor2-important {
  background-color: #b88f30 !important;
}
body.brown .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #547980;
  -moz-box-shadow: 0 0 1px 1px #547980;
  -ms-box-shadow: 0 0 1px 1px #547980;
  -o-box-shadow: 0 0 1px 1px #547980;
  box-shadow: 0 0 1px 1px #547980;
}
body.brown .juiportlet-widget-placeholder,
body.brown .drop-zone {
  border: 2px dashed #547980;
}
body.brown h1,
body.brown h2,
body.brown h3,
body.brown h4,
body.brown h5,
body.brown h6 {
  color: #547980;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.brown a:hover,
body.brown .xhtml-validation-info,
body.brown .performance-info,
body.brown tr:hover .pencil,
body.brown .ui-dialog .ui-dialog-title div.wide.form a,
body.brown #kanban-board-options-link,
body.brown #select-list-attributes-link,
body.brown #more-search-linkmodal,
body.brown #more-search-link,
body.brown .search-form-tools,
body.brown #inline-edit-form > table td > a,
body.brown .AppContent.MassEditView .ui-state-highlight p,
body.brown #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.brown .calendar-events-1 span,
body.brown .calendar-events-2 span,
body.brown .calendar-events-3 span,
body.brown .calendar-events-4 span,
body.brown .calendar-events-5 span,
body.brown .calendar-events-6 span,
body.brown .sortable-panel,
body.brown .cell-element,
body.brown .upload-actions .icon-delete,
body.brown .badge-icon,
body.brown .percentComplete,
body.brown .qtip,
body.brown .ui-tooltip-default .ui-tooltip-titlebar,
body.brown .comment .delete-comment,
body.brown .comment .edit-comment,
body.brown .comment .delete-comment a,
body.brown .comment .edit-comment a,
body.brown .unread td,
body.brown .unread td a,
body.brown a.user-link,
body.brown .SocialItemsListView .show-create-comment,
body.brown .back-to-inbox-link,
body.brown #AllSocialItemsForPortletView .show-create-comment,
body.brown a.remove:hover .icon:after,
body.brown .juiportlet-widget-head a.edit:hover .icon:after,
body.brown a.more-panels-link,
body.brown a.simple-link,
body.brown a.simple-link .z-label,
body.brown a.simple-select,
body.brown .after-form-details-content a,
body.brown .ui-dialog-title,
body.brown .show-file-upload-box,
body.brown .z-action-link,
body.brown .showAllCommentsLink,
body.brown .treeview span:hover .z-action-link,
body.brown .drop-zone,
body.brown .missing-chart,
body.brown a.active-tab,
body.brown .edit-autoresponder-link,
body.brown .edit-project-link {
  color: #547980;
}
body.brown #MashableInboxActionBarForViews .nav > li > a:hover,
body.brown #MashableInboxActionBarForViews .nav > li > a:active,
body.brown #MashableInboxActionBarForViews a:hover .unread-count,
body.brown #MashableInboxActionBarForViews a:active .unread-count,
body.brown #notifications-flyout .single-notification h4,
body.brown a:hover i[class^="icon"],
body.brown a:hover i[class^="icon"]:after,
body.brown a:active i[class^="icon"],
body.brown a:active i[class^="icon"]:after,
body.brown .default-button:hover span,
body.brown .default-button:hover i[class^="icon"],
body.brown .default-button:hover i[class^="icon"]:after,
body.brown .default-button:hover i[class^="icon"]:before,
body.brown .button-action:hover span,
body.brown .button-action:hover i[class^="icon"],
body.brown .button-action:hover i[class^="icon"]:after,
body.brown .button-action:hover i[class^="icon"]:before,
body.brown .button-action-trigger:hover span,
body.brown .button-action-trigger:hover i[class^="icon"],
body.brown .button-action-trigger:hover i[class^="icon"]:after,
body.brown .button-action-trigger:hover i[class^="icon"]:before,
body.brown .pillbox .active > a,
body.brown .pillbox .active span,
body.brown .pillbox .active i[class^="icon"],
body.brown .pillbox .active i[class^="icon"]:after,
body.brown .pillbox .active i[class^="icon"]:before,
body.brown .pillbox .nav-open a,
body.brown .pillbox .nav-open span,
body.brown .pillbox .nav-open i[class^="icon"],
body.brown .pillbox .nav-open i[class^="icon"]:after,
body.brown .pillbox .nav-open i[class^="icon"]:before,
body.brown .view-toolbar > a:hover,
body.brown .view-toolbar > a:active,
body.brown .view-toolbar > a:hover:before,
body.brown .view-toolbar > a:active:before,
body.brown .view-toolbar > a:hover span,
body.brown .view-toolbar > a:active span,
body.brown .view-toolbar .active,
body.brown .view-toolbar .active > a span,
body.brown .view-toolbar .active > a:before,
body.brown .view-toolbar .nav > li > a:hover,
body.brown .view-toolbar .nav > li > a:active,
body.brown .portlet-toolbar .icon-delete:before,
body.brown .portlet-toolbar .icon-edit:before,
body.brown .mini-pillbox a:hover,
body.brown .mini-pillbox .active,
body.brown #StickyListMenu > li > a:hover > span,
body.brown .addfileinput-button:hover span .pager a:hover:before,
body.brown .pager a:hover:after,
body.brown .ui-datepicker-header a:hover:before,
body.brown .ui-datepicker-header a:hover:after,
body.brown input[type="button"]:hover,
body.brown input[type="button"]:hover:before,
body.brown input[type="button"]:hover:after,
body.brown .configuration-list li a:hover,
body.brown .configuration-list li a:hover span:before,
body.brown .configuration-list td:last-child a:hover,
body.brown .configuration-list td:last-child a:hover span:before,
body.brown .addfileinput-button:hover span,
body.brown .mini-button:hover span,
body.brown .hide-welcome span,
body.brown .hide-module-intro span,
body.brown .hide-marketing-intro span,
body.brown #kanban-board-options-link:hover,
body.brown #more-search-link:hover,
body.brown #select-list-attributes-link:hover {
  color: #b88f30;
}
body.brown .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.brown #AboutView p a,
body.brown #AboutView ul a,
body.brown .back-to-app-menu-item span,
body.brown .breadcrumbs a,
body.brown .StepsAndProgressBarForWizardView .current-step {
  color: #547980 !important;
}
body.brown .portlet-toolbar .icon-create:hover,
body.brown .portlet-toolbar a:hover,
body.brown .portlet-toolbar .icon-create:before,
body.brown #filter-latest-activities-link:hover,
body.brown .badge-message h3,
body.brown .mini-button:not(.hangup):hover {
  color: #b88f30 !important;
}
body.brown #InstallAccessFailurePageView a,
body.brown #ErrorPageView a,
body.brown .ui-tooltip-default .ui-tooltip-icon,
body.brown .zLink,
body.brown .z-link,
body.brown .lead-conversion-actions a,
body.brown #clear-search-link,
body.brown #show-filters-structure-div-link,
body.brown .filters-bar .ui-state-active,
body.brown .filters-bar label:hover,
body.brown #clear-search-linkmodal,
body.brown .StepsAndProgressBarForWizardView .progress-bar,
body.brown .task-owner .gravatar {
  background-color: #547980;
}
body.brown .latest-activity-toolbar label:hover,
body.brown .filter-portlet-model-bar label:hover,
body.brown .latest-activity-toolbar .ui-state-active,
body.brown .filter-portlet-model-bar .ui-state-active,
body.brown #clear-search-link,
body.brown #MashableInboxForm_filteredBy_area label:hover,
body.brown #MashableInboxForm_optionForModel_area label:hover,
body.brown #MashableInboxForm_filteredBy_area .ui-state-active,
body.brown #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #547980 !important;
}
body.brown #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.brown #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.brown .points,
body.brown .ranking,
body.brown .badge-grade,
body.brown li.token-input-selected-token {
  background-color: #b88f30;
}
body.brown .ui-autocomplete a:hover,
body.brown .ui-autocomplete a#ui-active-menuitem,
body.brown .ui-autocomplete a.ui-state-hover,
body.brown #StickyListMenu ul a:hover,
body.brown .toolbar-mbmenu .options-menu ul a:hover,
body.brown #ShortcutsMenu ul a:hover,
body.brown .view-toolbar .parent > ul a:hover,
body.brown .edit-row-menu ul a:hover,
body.brown .edit-portlet-menu ul a:hover {
  background-color: #b88f30 !important;
  color: #fff !important;
}
body.brown #HeaderView {
  background: #405c61;
  -webkit-box-shadow: inset 0 10px 50px 0 #547980;
  -moz-box-shadow: inset 0 10px 50px 0 #547980;
  -ms-box-shadow: inset 0 10px 50px 0 #547980;
  -o-box-shadow: inset 0 10px 50px 0 #547980;
  box-shadow: inset 0 10px 50px 0 #547980;
}
body.brown #HeaderLinksView + div {
  background-color: #4f4646;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #594f4f, #4f4646);
  background-image: -ms-linear-gradient(top, #594f4f, #4f4646);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #594f4f), color-stop(100%, #4f4646));
  background-image: -webkit-linear-gradient(top, #594f4f, #4f4646);
  background-image: -o-linear-gradient(top, #594f4f, #4f4646);
  background-image: linear-gradient(top, #594f4f, #4f4646);
}
body.brown #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #7b6020;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #b88f30, #7b6020);
  background-image: -ms-linear-gradient(top, #b88f30, #7b6020);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b88f30), color-stop(100%, #7b6020));
  background-image: -webkit-linear-gradient(top, #b88f30, #7b6020);
  background-image: -o-linear-gradient(top, #b88f30, #7b6020);
  background-image: linear-gradient(top, #b88f30, #7b6020);
}
body.brown #user-header-menu > li > a:hover,
body.brown #settings-header-menu > li > a:hover {
  border-left: 1px solid #405c61;
  border-right: 1px solid #405c61;
}
body.brown #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.brown #MenuView li.active > a > span,
body.brown #MenuView a:hover > span {
  background-color: #b88f30;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.brown #RecentlyViewedView a > span:first-child {
  background-color: #b88f30;
  -webkit-text-shadow: 0px 1px 0 #64c1bd;
  -moz-text-shadow: 0px 1px 0 #64c1bd;
  -ms-text-shadow: 0px 1px 0 #64c1bd;
  -o-text-shadow: 0px 1px 0 #64c1bd;
  text-shadow: 0px 1px 0 #64c1bd;
}
body.brown #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.brown #RecentlyViewedView a:hover em {
  color: #547980 !important;
  -webkit-text-shadow: 0px 1px 0 #64c1bd;
  -moz-text-shadow: 0px 1px 0 #64c1bd;
  -ms-text-shadow: 0px 1px 0 #64c1bd;
  -o-text-shadow: 0px 1px 0 #64c1bd;
  text-shadow: 0px 1px 0 #64c1bd;
}
body.brown #MenuView ul ul li a:hover {
  background-color: #7b6020;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #b88f30, #7b6020);
  background-image: -ms-linear-gradient(top, #b88f30, #7b6020);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b88f30), color-stop(100%, #7b6020));
  background-image: -webkit-linear-gradient(top, #b88f30, #7b6020);
  background-image: -o-linear-gradient(top, #b88f30, #7b6020);
  background-image: linear-gradient(top, #b88f30, #7b6020);
}
body.brown .ZeroModelsYetView a .z-label,
body.brown .dashboard-link .z-label,
body.brown .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.brown .zButton:hover .z-label,
body.brown .z-button:hover .z-label,
body.brown .zButton:active .z-label,
body.brown .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.brown .zButton:active .z-label,
body.brown .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.brown .ui-datepicker-current:hover .z-label,
body.brown .ui-datepicker-close:hover .z-label,
body.brown .ui-datepicker-current:active .z-label,
body.brown .ui-datepicker-close:active .z-label,
body.brown .zButton:not(.attachLoading):hover .z-label,
body.brown .z-button:not(.attachLoading):hover .z-label,
body.brown .zButton:not(.attachLoading):active .z-label,
body.brown .z-button:not(.attachLoading):active .z-label,
body.brown .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.brown .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.brown .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.brown .configuration-list li a:hover .z-label,
body.brown .white-button:hover .z-label,
body.brown .white-button:hover .z-label {
  color: #b88f30 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.brown a.green-button > .z-label,
body.brown a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.brown #LanguagesCollectionView .green-button:hover .z-label,
body.brown .green-button:not(.attachLoading):hover .z-label,
body.brown .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.brown .green-button:active .z-label,
body.brown .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.brown .button-actions a:hover {
  color: #ffffff !important;
  background-color: #286461 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #45ada8, #286461) !important;
  background-image: -ms-linear-gradient(top, #45ada8, #286461) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45ada8), color-stop(100%, #286461)) !important;
  background-image: -webkit-linear-gradient(top, #45ada8, #286461) !important;
  background-image: -o-linear-gradient(top, #45ada8, #286461) !important;
  background-image: linear-gradient(top, #45ada8, #286461) !important;
  -webkit-text-shadow: 0px -1px 0 #21524f !important;
  -moz-text-shadow: 0px -1px 0 #21524f !important;
  -ms-text-shadow: 0px -1px 0 #21524f !important;
  -o-text-shadow: 0px -1px 0 #21524f !important;
  text-shadow: 0px -1px 0 #21524f !important;
}
body.brown .notifications-link:hover {
  border-left: 1px solid #405c61;
  border-right: 1px solid #405c61;
}
body.brown #notifications-link {
  border-left: 1px solid #405c61;
  border-right: 1px solid #405c61;
}
body.brown .ui-datepicker td.ui-datepicker-today {
  background: #e5edee !important;
}
body.brown .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.brown .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #547980;
}
body.brown .form input[type="checkbox"]:focus,
body.brown .form input[type="text"]:focus,
body.brown .form input[type="password"]:focus,
body.brown .form select.multiple:focus,
body.brown .form textarea:focus,
body.brown .hasDropDown select:focus,
body.brown .hasDropDown select:hover,
body.brown .hasDropDown:hover select,
body.brown ul.token-input-list:focus,
body.brown #layout-container .ui-state-active,
body.brown #layout-container .ui-widget-content .ui-state-active,
body.brown #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #547980;
  -moz-box-shadow: 0 0 1px 1px #547980;
  -ms-box-shadow: 0 0 1px 1px #547980;
  -o-box-shadow: 0 0 1px 1px #547980;
  box-shadow: 0 0 1px 1px #547980;
}
body.brown .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.brown .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.brown .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.brown .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.brown .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.brown .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.brown .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.brown .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.brown .theme-color-1 {
  background: #547980;
}
.color-swatch.brown .theme-color-2 {
  background: #b88f30;
}
.color-swatch.brown .theme-color-3 {
  background: #594f4f;
}
body.lime #nav-trigger {
  border-right: 1px solid #152127;
  -webkit-box-shadow: 1px 0 0 0 #2d4652;
  -moz-box-shadow: 1px 0 0 0 #2d4652;
  -ms-box-shadow: 1px 0 0 0 #2d4652;
  -o-box-shadow: 1px 0 0 0 #2d4652;
  box-shadow: 1px 0 0 0 #2d4652;
  color: #ffffff;
}
body.lime #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #5889a2;
  -moz-text-shadow: 0 1px 0 #5889a2;
  -ms-text-shadow: 0 1px 0 #5889a2;
  -o-text-shadow: 0 1px 0 #5889a2;
  text-shadow: 0 1px 0 #5889a2;
}
body.lime .textColor {
  color: #545454;
}
body.lime .themeColor {
  color: #2b434f;
}
body.lime .themeColor2 {
  color: #bcc98e;
}
body.lime .themeBackgroundColor {
  background-color: #2b434f;
}
body.lime .themeBackgroundColor2 {
  background-color: #bcc98e;
}
body.lime .themeColor-important {
  color: #2b434f !important;
}
body.lime .themeColor2-important {
  color: #bcc98e !important;
}
body.lime .themeBackgroundColor-important {
  background-color: #2b434f !important;
}
body.lime .themeBackgroundColor2-important {
  background-color: #bcc98e !important;
}
body.lime .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #2b434f;
  -moz-box-shadow: 0 0 1px 1px #2b434f;
  -ms-box-shadow: 0 0 1px 1px #2b434f;
  -o-box-shadow: 0 0 1px 1px #2b434f;
  box-shadow: 0 0 1px 1px #2b434f;
}
body.lime .juiportlet-widget-placeholder,
body.lime .drop-zone {
  border: 2px dashed #2b434f;
}
body.lime h1,
body.lime h2,
body.lime h3,
body.lime h4,
body.lime h5,
body.lime h6 {
  color: #2b434f;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.lime a:hover,
body.lime .xhtml-validation-info,
body.lime .performance-info,
body.lime tr:hover .pencil,
body.lime .ui-dialog .ui-dialog-title div.wide.form a,
body.lime #kanban-board-options-link,
body.lime #select-list-attributes-link,
body.lime #more-search-linkmodal,
body.lime #more-search-link,
body.lime .search-form-tools,
body.lime #inline-edit-form > table td > a,
body.lime .AppContent.MassEditView .ui-state-highlight p,
body.lime #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.lime .calendar-events-1 span,
body.lime .calendar-events-2 span,
body.lime .calendar-events-3 span,
body.lime .calendar-events-4 span,
body.lime .calendar-events-5 span,
body.lime .calendar-events-6 span,
body.lime .sortable-panel,
body.lime .cell-element,
body.lime .upload-actions .icon-delete,
body.lime .badge-icon,
body.lime .percentComplete,
body.lime .qtip,
body.lime .ui-tooltip-default .ui-tooltip-titlebar,
body.lime .comment .delete-comment,
body.lime .comment .edit-comment,
body.lime .comment .delete-comment a,
body.lime .comment .edit-comment a,
body.lime .unread td,
body.lime .unread td a,
body.lime a.user-link,
body.lime .SocialItemsListView .show-create-comment,
body.lime .back-to-inbox-link,
body.lime #AllSocialItemsForPortletView .show-create-comment,
body.lime a.remove:hover .icon:after,
body.lime .juiportlet-widget-head a.edit:hover .icon:after,
body.lime a.more-panels-link,
body.lime a.simple-link,
body.lime a.simple-link .z-label,
body.lime a.simple-select,
body.lime .after-form-details-content a,
body.lime .ui-dialog-title,
body.lime .show-file-upload-box,
body.lime .z-action-link,
body.lime .showAllCommentsLink,
body.lime .treeview span:hover .z-action-link,
body.lime .drop-zone,
body.lime .missing-chart,
body.lime a.active-tab,
body.lime .edit-autoresponder-link,
body.lime .edit-project-link {
  color: #2b434f;
}
body.lime #MashableInboxActionBarForViews .nav > li > a:hover,
body.lime #MashableInboxActionBarForViews .nav > li > a:active,
body.lime #MashableInboxActionBarForViews a:hover .unread-count,
body.lime #MashableInboxActionBarForViews a:active .unread-count,
body.lime #notifications-flyout .single-notification h4,
body.lime a:hover i[class^="icon"],
body.lime a:hover i[class^="icon"]:after,
body.lime a:active i[class^="icon"],
body.lime a:active i[class^="icon"]:after,
body.lime .default-button:hover span,
body.lime .default-button:hover i[class^="icon"],
body.lime .default-button:hover i[class^="icon"]:after,
body.lime .default-button:hover i[class^="icon"]:before,
body.lime .button-action:hover span,
body.lime .button-action:hover i[class^="icon"],
body.lime .button-action:hover i[class^="icon"]:after,
body.lime .button-action:hover i[class^="icon"]:before,
body.lime .button-action-trigger:hover span,
body.lime .button-action-trigger:hover i[class^="icon"],
body.lime .button-action-trigger:hover i[class^="icon"]:after,
body.lime .button-action-trigger:hover i[class^="icon"]:before,
body.lime .pillbox .active > a,
body.lime .pillbox .active span,
body.lime .pillbox .active i[class^="icon"],
body.lime .pillbox .active i[class^="icon"]:after,
body.lime .pillbox .active i[class^="icon"]:before,
body.lime .pillbox .nav-open a,
body.lime .pillbox .nav-open span,
body.lime .pillbox .nav-open i[class^="icon"],
body.lime .pillbox .nav-open i[class^="icon"]:after,
body.lime .pillbox .nav-open i[class^="icon"]:before,
body.lime .view-toolbar > a:hover,
body.lime .view-toolbar > a:active,
body.lime .view-toolbar > a:hover:before,
body.lime .view-toolbar > a:active:before,
body.lime .view-toolbar > a:hover span,
body.lime .view-toolbar > a:active span,
body.lime .view-toolbar .active,
body.lime .view-toolbar .active > a span,
body.lime .view-toolbar .active > a:before,
body.lime .view-toolbar .nav > li > a:hover,
body.lime .view-toolbar .nav > li > a:active,
body.lime .portlet-toolbar .icon-delete:before,
body.lime .portlet-toolbar .icon-edit:before,
body.lime .mini-pillbox a:hover,
body.lime .mini-pillbox .active,
body.lime #StickyListMenu > li > a:hover > span,
body.lime .addfileinput-button:hover span .pager a:hover:before,
body.lime .pager a:hover:after,
body.lime .ui-datepicker-header a:hover:before,
body.lime .ui-datepicker-header a:hover:after,
body.lime input[type="button"]:hover,
body.lime input[type="button"]:hover:before,
body.lime input[type="button"]:hover:after,
body.lime .configuration-list li a:hover,
body.lime .configuration-list li a:hover span:before,
body.lime .configuration-list td:last-child a:hover,
body.lime .configuration-list td:last-child a:hover span:before,
body.lime .addfileinput-button:hover span,
body.lime .mini-button:hover span,
body.lime .hide-welcome span,
body.lime .hide-module-intro span,
body.lime .hide-marketing-intro span,
body.lime #kanban-board-options-link:hover,
body.lime #more-search-link:hover,
body.lime #select-list-attributes-link:hover {
  color: #bcc98e;
}
body.lime .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.lime #AboutView p a,
body.lime #AboutView ul a,
body.lime .back-to-app-menu-item span,
body.lime .breadcrumbs a,
body.lime .StepsAndProgressBarForWizardView .current-step {
  color: #2b434f !important;
}
body.lime .portlet-toolbar .icon-create:hover,
body.lime .portlet-toolbar a:hover,
body.lime .portlet-toolbar .icon-create:before,
body.lime #filter-latest-activities-link:hover,
body.lime .badge-message h3,
body.lime .mini-button:not(.hangup):hover {
  color: #bcc98e !important;
}
body.lime #InstallAccessFailurePageView a,
body.lime #ErrorPageView a,
body.lime .ui-tooltip-default .ui-tooltip-icon,
body.lime .zLink,
body.lime .z-link,
body.lime .lead-conversion-actions a,
body.lime #clear-search-link,
body.lime #show-filters-structure-div-link,
body.lime .filters-bar .ui-state-active,
body.lime .filters-bar label:hover,
body.lime #clear-search-linkmodal,
body.lime .StepsAndProgressBarForWizardView .progress-bar,
body.lime .task-owner .gravatar {
  background-color: #2b434f;
}
body.lime .latest-activity-toolbar label:hover,
body.lime .filter-portlet-model-bar label:hover,
body.lime .latest-activity-toolbar .ui-state-active,
body.lime .filter-portlet-model-bar .ui-state-active,
body.lime #clear-search-link,
body.lime #MashableInboxForm_filteredBy_area label:hover,
body.lime #MashableInboxForm_optionForModel_area label:hover,
body.lime #MashableInboxForm_filteredBy_area .ui-state-active,
body.lime #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #2b434f !important;
}
body.lime #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.lime #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.lime .points,
body.lime .ranking,
body.lime .badge-grade,
body.lime li.token-input-selected-token {
  background-color: #bcc98e;
}
body.lime .ui-autocomplete a:hover,
body.lime .ui-autocomplete a#ui-active-menuitem,
body.lime .ui-autocomplete a.ui-state-hover,
body.lime #StickyListMenu ul a:hover,
body.lime .toolbar-mbmenu .options-menu ul a:hover,
body.lime #ShortcutsMenu ul a:hover,
body.lime .view-toolbar .parent > ul a:hover,
body.lime .edit-row-menu ul a:hover,
body.lime .edit-portlet-menu ul a:hover {
  background-color: #bcc98e !important;
  color: #fff !important;
}
body.lime #HeaderView {
  background: #4d6557;
  -webkit-box-shadow: inset 0 10px 50px 0 #638270;
  -moz-box-shadow: inset 0 10px 50px 0 #638270;
  -ms-box-shadow: inset 0 10px 50px 0 #638270;
  -o-box-shadow: inset 0 10px 50px 0 #638270;
  box-shadow: inset 0 10px 50px 0 #638270;
}
body.lime #HeaderLinksView + div {
  background-color: #333535;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #464646, #333535);
  background-image: -ms-linear-gradient(top, #464646, #333535);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #333535));
  background-image: -webkit-linear-gradient(top, #464646, #333535);
  background-image: -o-linear-gradient(top, #464646, #333535);
  background-image: linear-gradient(top, #464646, #333535);
}
body.lime #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #9db05a;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #bcc98e, #9db05a);
  background-image: -ms-linear-gradient(top, #bcc98e, #9db05a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcc98e), color-stop(100%, #9db05a));
  background-image: -webkit-linear-gradient(top, #bcc98e, #9db05a);
  background-image: -o-linear-gradient(top, #bcc98e, #9db05a);
  background-image: linear-gradient(top, #bcc98e, #9db05a);
}
body.lime #user-header-menu > li > a:hover,
body.lime #settings-header-menu > li > a:hover {
  border-left: 1px solid #19272e;
  border-right: 1px solid #19272e;
}
body.lime #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.lime #MenuView li.active > a > span,
body.lime #MenuView a:hover > span {
  background-color: #bcc98e;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.lime #RecentlyViewedView a > span:first-child {
  background-color: #bcc98e;
  -webkit-text-shadow: 0px 1px 0 #d0d9b1;
  -moz-text-shadow: 0px 1px 0 #d0d9b1;
  -ms-text-shadow: 0px 1px 0 #d0d9b1;
  -o-text-shadow: 0px 1px 0 #d0d9b1;
  text-shadow: 0px 1px 0 #d0d9b1;
}
body.lime #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.lime #RecentlyViewedView a:hover em {
  color: #2b434f !important;
  -webkit-text-shadow: 0px 1px 0 #d0d9b1;
  -moz-text-shadow: 0px 1px 0 #d0d9b1;
  -ms-text-shadow: 0px 1px 0 #d0d9b1;
  -o-text-shadow: 0px 1px 0 #d0d9b1;
  text-shadow: 0px 1px 0 #d0d9b1;
}
body.lime #MenuView ul ul li a:hover {
  background-color: #9db05a;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #bcc98e, #9db05a);
  background-image: -ms-linear-gradient(top, #bcc98e, #9db05a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcc98e), color-stop(100%, #9db05a));
  background-image: -webkit-linear-gradient(top, #bcc98e, #9db05a);
  background-image: -o-linear-gradient(top, #bcc98e, #9db05a);
  background-image: linear-gradient(top, #bcc98e, #9db05a);
}
body.lime .ZeroModelsYetView a .z-label,
body.lime .dashboard-link .z-label,
body.lime .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.lime .zButton:hover .z-label,
body.lime .z-button:hover .z-label,
body.lime .zButton:active .z-label,
body.lime .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.lime .zButton:active .z-label,
body.lime .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.lime .ui-datepicker-current:hover .z-label,
body.lime .ui-datepicker-close:hover .z-label,
body.lime .ui-datepicker-current:active .z-label,
body.lime .ui-datepicker-close:active .z-label,
body.lime .zButton:not(.attachLoading):hover .z-label,
body.lime .z-button:not(.attachLoading):hover .z-label,
body.lime .zButton:not(.attachLoading):active .z-label,
body.lime .z-button:not(.attachLoading):active .z-label,
body.lime .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.lime .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.lime .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.lime .configuration-list li a:hover .z-label,
body.lime .white-button:hover .z-label,
body.lime .white-button:hover .z-label {
  color: #bcc98e !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.lime a.green-button > .z-label,
body.lime a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.lime #LanguagesCollectionView .green-button:hover .z-label,
body.lime .green-button:not(.attachLoading):hover .z-label,
body.lime .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.lime .green-button:active .z-label,
body.lime .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.lime .button-actions a:hover {
  color: #ffffff !important;
  background-color: #90a34e !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #bcc98e, #90a34e) !important;
  background-image: -ms-linear-gradient(top, #bcc98e, #90a34e) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcc98e), color-stop(100%, #90a34e)) !important;
  background-image: -webkit-linear-gradient(top, #bcc98e, #90a34e) !important;
  background-image: -o-linear-gradient(top, #bcc98e, #90a34e) !important;
  background-image: linear-gradient(top, #bcc98e, #90a34e) !important;
  -webkit-text-shadow: 0px -1px 0 #819246 !important;
  -moz-text-shadow: 0px -1px 0 #819246 !important;
  -ms-text-shadow: 0px -1px 0 #819246 !important;
  -o-text-shadow: 0px -1px 0 #819246 !important;
  text-shadow: 0px -1px 0 #819246 !important;
}
body.lime .notifications-link:hover {
  border-left: 1px solid #19272e;
  border-right: 1px solid #19272e;
}
body.lime #notifications-link {
  border-left: 1px solid #19272e;
  border-right: 1px solid #19272e;
}
body.lime .ui-datepicker td.ui-datepicker-today {
  background: #a9c3d0 !important;
}
body.lime .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.lime .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #2b434f;
}
body.lime .form input[type="checkbox"]:focus,
body.lime .form input[type="text"]:focus,
body.lime .form input[type="password"]:focus,
body.lime .form select.multiple:focus,
body.lime .form textarea:focus,
body.lime .hasDropDown select:focus,
body.lime .hasDropDown select:hover,
body.lime .hasDropDown:hover select,
body.lime ul.token-input-list:focus,
body.lime #layout-container .ui-state-active,
body.lime #layout-container .ui-widget-content .ui-state-active,
body.lime #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #2b434f;
  -moz-box-shadow: 0 0 1px 1px #2b434f;
  -ms-box-shadow: 0 0 1px 1px #2b434f;
  -o-box-shadow: 0 0 1px 1px #2b434f;
  box-shadow: 0 0 1px 1px #2b434f;
}
body.lime .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.lime .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.lime .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.lime .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.lime .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.lime .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.lime .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.lime .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.lime .theme-color-1 {
  background: #638270;
}
.color-swatch.lime .theme-color-2 {
  background: #bcc98e;
}
.color-swatch.lime .theme-color-3 {
  background: #464646;
}
body.cherry #nav-trigger {
  border-right: 1px solid #52616f;
  -webkit-box-shadow: 1px 0 0 0 #6f8394;
  -moz-box-shadow: 1px 0 0 0 #6f8394;
  -ms-box-shadow: 1px 0 0 0 #6f8394;
  -o-box-shadow: 1px 0 0 0 #6f8394;
  box-shadow: 1px 0 0 0 #6f8394;
  color: #ffffff;
}
body.cherry #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #b5bfc8;
  -moz-text-shadow: 0 1px 0 #b5bfc8;
  -ms-text-shadow: 0 1px 0 #b5bfc8;
  -o-text-shadow: 0 1px 0 #b5bfc8;
  text-shadow: 0 1px 0 #b5bfc8;
}
body.cherry .textColor {
  color: #545454;
}
body.cherry .themeColor {
  color: #6c8092;
}
body.cherry .themeColor2 {
  color: #933140;
}
body.cherry .themeBackgroundColor {
  background-color: #6c8092;
}
body.cherry .themeBackgroundColor2 {
  background-color: #933140;
}
body.cherry .themeColor-important {
  color: #6c8092 !important;
}
body.cherry .themeColor2-important {
  color: #933140 !important;
}
body.cherry .themeBackgroundColor-important {
  background-color: #6c8092 !important;
}
body.cherry .themeBackgroundColor2-important {
  background-color: #933140 !important;
}
body.cherry .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #6c8092;
  -moz-box-shadow: 0 0 1px 1px #6c8092;
  -ms-box-shadow: 0 0 1px 1px #6c8092;
  -o-box-shadow: 0 0 1px 1px #6c8092;
  box-shadow: 0 0 1px 1px #6c8092;
}
body.cherry .juiportlet-widget-placeholder,
body.cherry .drop-zone {
  border: 2px dashed #6c8092;
}
body.cherry h1,
body.cherry h2,
body.cherry h3,
body.cherry h4,
body.cherry h5,
body.cherry h6 {
  color: #6c8092;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.cherry a:hover,
body.cherry .xhtml-validation-info,
body.cherry .performance-info,
body.cherry tr:hover .pencil,
body.cherry .ui-dialog .ui-dialog-title div.wide.form a,
body.cherry #kanban-board-options-link,
body.cherry #select-list-attributes-link,
body.cherry #more-search-linkmodal,
body.cherry #more-search-link,
body.cherry .search-form-tools,
body.cherry #inline-edit-form > table td > a,
body.cherry .AppContent.MassEditView .ui-state-highlight p,
body.cherry #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.cherry .calendar-events-1 span,
body.cherry .calendar-events-2 span,
body.cherry .calendar-events-3 span,
body.cherry .calendar-events-4 span,
body.cherry .calendar-events-5 span,
body.cherry .calendar-events-6 span,
body.cherry .sortable-panel,
body.cherry .cell-element,
body.cherry .upload-actions .icon-delete,
body.cherry .badge-icon,
body.cherry .percentComplete,
body.cherry .qtip,
body.cherry .ui-tooltip-default .ui-tooltip-titlebar,
body.cherry .comment .delete-comment,
body.cherry .comment .edit-comment,
body.cherry .comment .delete-comment a,
body.cherry .comment .edit-comment a,
body.cherry .unread td,
body.cherry .unread td a,
body.cherry a.user-link,
body.cherry .SocialItemsListView .show-create-comment,
body.cherry .back-to-inbox-link,
body.cherry #AllSocialItemsForPortletView .show-create-comment,
body.cherry a.remove:hover .icon:after,
body.cherry .juiportlet-widget-head a.edit:hover .icon:after,
body.cherry a.more-panels-link,
body.cherry a.simple-link,
body.cherry a.simple-link .z-label,
body.cherry a.simple-select,
body.cherry .after-form-details-content a,
body.cherry .ui-dialog-title,
body.cherry .show-file-upload-box,
body.cherry .z-action-link,
body.cherry .showAllCommentsLink,
body.cherry .treeview span:hover .z-action-link,
body.cherry .drop-zone,
body.cherry .missing-chart,
body.cherry a.active-tab,
body.cherry .edit-autoresponder-link,
body.cherry .edit-project-link {
  color: #6c8092;
}
body.cherry #MashableInboxActionBarForViews .nav > li > a:hover,
body.cherry #MashableInboxActionBarForViews .nav > li > a:active,
body.cherry #MashableInboxActionBarForViews a:hover .unread-count,
body.cherry #MashableInboxActionBarForViews a:active .unread-count,
body.cherry #notifications-flyout .single-notification h4,
body.cherry a:hover i[class^="icon"],
body.cherry a:hover i[class^="icon"]:after,
body.cherry a:active i[class^="icon"],
body.cherry a:active i[class^="icon"]:after,
body.cherry .default-button:hover span,
body.cherry .default-button:hover i[class^="icon"],
body.cherry .default-button:hover i[class^="icon"]:after,
body.cherry .default-button:hover i[class^="icon"]:before,
body.cherry .button-action:hover span,
body.cherry .button-action:hover i[class^="icon"],
body.cherry .button-action:hover i[class^="icon"]:after,
body.cherry .button-action:hover i[class^="icon"]:before,
body.cherry .button-action-trigger:hover span,
body.cherry .button-action-trigger:hover i[class^="icon"],
body.cherry .button-action-trigger:hover i[class^="icon"]:after,
body.cherry .button-action-trigger:hover i[class^="icon"]:before,
body.cherry .pillbox .active > a,
body.cherry .pillbox .active span,
body.cherry .pillbox .active i[class^="icon"],
body.cherry .pillbox .active i[class^="icon"]:after,
body.cherry .pillbox .active i[class^="icon"]:before,
body.cherry .pillbox .nav-open a,
body.cherry .pillbox .nav-open span,
body.cherry .pillbox .nav-open i[class^="icon"],
body.cherry .pillbox .nav-open i[class^="icon"]:after,
body.cherry .pillbox .nav-open i[class^="icon"]:before,
body.cherry .view-toolbar > a:hover,
body.cherry .view-toolbar > a:active,
body.cherry .view-toolbar > a:hover:before,
body.cherry .view-toolbar > a:active:before,
body.cherry .view-toolbar > a:hover span,
body.cherry .view-toolbar > a:active span,
body.cherry .view-toolbar .active,
body.cherry .view-toolbar .active > a span,
body.cherry .view-toolbar .active > a:before,
body.cherry .view-toolbar .nav > li > a:hover,
body.cherry .view-toolbar .nav > li > a:active,
body.cherry .portlet-toolbar .icon-delete:before,
body.cherry .portlet-toolbar .icon-edit:before,
body.cherry .mini-pillbox a:hover,
body.cherry .mini-pillbox .active,
body.cherry #StickyListMenu > li > a:hover > span,
body.cherry .addfileinput-button:hover span .pager a:hover:before,
body.cherry .pager a:hover:after,
body.cherry .ui-datepicker-header a:hover:before,
body.cherry .ui-datepicker-header a:hover:after,
body.cherry input[type="button"]:hover,
body.cherry input[type="button"]:hover:before,
body.cherry input[type="button"]:hover:after,
body.cherry .configuration-list li a:hover,
body.cherry .configuration-list li a:hover span:before,
body.cherry .configuration-list td:last-child a:hover,
body.cherry .configuration-list td:last-child a:hover span:before,
body.cherry .addfileinput-button:hover span,
body.cherry .mini-button:hover span,
body.cherry .hide-welcome span,
body.cherry .hide-module-intro span,
body.cherry .hide-marketing-intro span,
body.cherry #kanban-board-options-link:hover,
body.cherry #more-search-link:hover,
body.cherry #select-list-attributes-link:hover {
  color: #933140;
}
body.cherry .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.cherry #AboutView p a,
body.cherry #AboutView ul a,
body.cherry .back-to-app-menu-item span,
body.cherry .breadcrumbs a,
body.cherry .StepsAndProgressBarForWizardView .current-step {
  color: #6c8092 !important;
}
body.cherry .portlet-toolbar .icon-create:hover,
body.cherry .portlet-toolbar a:hover,
body.cherry .portlet-toolbar .icon-create:before,
body.cherry #filter-latest-activities-link:hover,
body.cherry .badge-message h3,
body.cherry .mini-button:not(.hangup):hover {
  color: #933140 !important;
}
body.cherry #InstallAccessFailurePageView a,
body.cherry #ErrorPageView a,
body.cherry .ui-tooltip-default .ui-tooltip-icon,
body.cherry .zLink,
body.cherry .z-link,
body.cherry .lead-conversion-actions a,
body.cherry #clear-search-link,
body.cherry #show-filters-structure-div-link,
body.cherry .filters-bar .ui-state-active,
body.cherry .filters-bar label:hover,
body.cherry #clear-search-linkmodal,
body.cherry .StepsAndProgressBarForWizardView .progress-bar,
body.cherry .task-owner .gravatar {
  background-color: #6c8092;
}
body.cherry .latest-activity-toolbar label:hover,
body.cherry .filter-portlet-model-bar label:hover,
body.cherry .latest-activity-toolbar .ui-state-active,
body.cherry .filter-portlet-model-bar .ui-state-active,
body.cherry #clear-search-link,
body.cherry #MashableInboxForm_filteredBy_area label:hover,
body.cherry #MashableInboxForm_optionForModel_area label:hover,
body.cherry #MashableInboxForm_filteredBy_area .ui-state-active,
body.cherry #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #6c8092 !important;
}
body.cherry #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.cherry #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.cherry .points,
body.cherry .ranking,
body.cherry .badge-grade,
body.cherry li.token-input-selected-token {
  background-color: #933140;
}
body.cherry .ui-autocomplete a:hover,
body.cherry .ui-autocomplete a#ui-active-menuitem,
body.cherry .ui-autocomplete a.ui-state-hover,
body.cherry #StickyListMenu ul a:hover,
body.cherry .toolbar-mbmenu .options-menu ul a:hover,
body.cherry #ShortcutsMenu ul a:hover,
body.cherry .view-toolbar .parent > ul a:hover,
body.cherry .edit-row-menu ul a:hover,
body.cherry .edit-portlet-menu ul a:hover {
  background-color: #933140 !important;
  color: #fff !important;
}
body.cherry #HeaderView {
  background: #566675;
  -webkit-box-shadow: inset 0 10px 50px 0 #6c8092;
  -moz-box-shadow: inset 0 10px 50px 0 #6c8092;
  -ms-box-shadow: inset 0 10px 50px 0 #6c8092;
  -o-box-shadow: inset 0 10px 50px 0 #6c8092;
  box-shadow: inset 0 10px 50px 0 #6c8092;
}
body.cherry #HeaderLinksView + div {
  background-color: #333535;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #464646, #333535);
  background-image: -ms-linear-gradient(top, #464646, #333535);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #333535));
  background-image: -webkit-linear-gradient(top, #464646, #333535);
  background-image: -o-linear-gradient(top, #464646, #333535);
  background-image: linear-gradient(top, #464646, #333535);
}
body.cherry #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #5a1e27;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #933140, #5a1e27);
  background-image: -ms-linear-gradient(top, #933140, #5a1e27);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #933140), color-stop(100%, #5a1e27));
  background-image: -webkit-linear-gradient(top, #933140, #5a1e27);
  background-image: -o-linear-gradient(top, #933140, #5a1e27);
  background-image: linear-gradient(top, #933140, #5a1e27);
}
body.cherry #user-header-menu > li > a:hover,
body.cherry #settings-header-menu > li > a:hover {
  border-left: 1px solid #566675;
  border-right: 1px solid #566675;
}
body.cherry #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.cherry #MenuView li.active > a > span,
body.cherry #MenuView a:hover > span {
  background-color: #933140;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.cherry #RecentlyViewedView a > span:first-child {
  background-color: #933140;
  -webkit-text-shadow: 0px 1px 0 #b93e51;
  -moz-text-shadow: 0px 1px 0 #b93e51;
  -ms-text-shadow: 0px 1px 0 #b93e51;
  -o-text-shadow: 0px 1px 0 #b93e51;
  text-shadow: 0px 1px 0 #b93e51;
}
body.cherry #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.cherry #RecentlyViewedView a:hover em {
  color: #6c8092 !important;
  -webkit-text-shadow: 0px 1px 0 #b93e51;
  -moz-text-shadow: 0px 1px 0 #b93e51;
  -ms-text-shadow: 0px 1px 0 #b93e51;
  -o-text-shadow: 0px 1px 0 #b93e51;
  text-shadow: 0px 1px 0 #b93e51;
}
body.cherry #MenuView ul ul li a:hover {
  background-color: #5a1e27;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #933140, #5a1e27);
  background-image: -ms-linear-gradient(top, #933140, #5a1e27);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #933140), color-stop(100%, #5a1e27));
  background-image: -webkit-linear-gradient(top, #933140, #5a1e27);
  background-image: -o-linear-gradient(top, #933140, #5a1e27);
  background-image: linear-gradient(top, #933140, #5a1e27);
}
body.cherry .ZeroModelsYetView a .z-label,
body.cherry .dashboard-link .z-label,
body.cherry .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.cherry .zButton:hover .z-label,
body.cherry .z-button:hover .z-label,
body.cherry .zButton:active .z-label,
body.cherry .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.cherry .zButton:active .z-label,
body.cherry .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.cherry .ui-datepicker-current:hover .z-label,
body.cherry .ui-datepicker-close:hover .z-label,
body.cherry .ui-datepicker-current:active .z-label,
body.cherry .ui-datepicker-close:active .z-label,
body.cherry .zButton:not(.attachLoading):hover .z-label,
body.cherry .z-button:not(.attachLoading):hover .z-label,
body.cherry .zButton:not(.attachLoading):active .z-label,
body.cherry .z-button:not(.attachLoading):active .z-label,
body.cherry .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.cherry .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.cherry .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.cherry .configuration-list li a:hover .z-label,
body.cherry .white-button:hover .z-label,
body.cherry .white-button:hover .z-label {
  color: #933140 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.cherry a.green-button > .z-label,
body.cherry a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.cherry #LanguagesCollectionView .green-button:hover .z-label,
body.cherry .green-button:not(.attachLoading):hover .z-label,
body.cherry .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.cherry .green-button:active .z-label,
body.cherry .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.cherry .button-actions a:hover {
  color: #ffffff !important;
  background-color: #46181f !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #933140, #46181f) !important;
  background-image: -ms-linear-gradient(top, #933140, #46181f) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #933140), color-stop(100%, #46181f)) !important;
  background-image: -webkit-linear-gradient(top, #933140, #46181f) !important;
  background-image: -o-linear-gradient(top, #933140, #46181f) !important;
  background-image: linear-gradient(top, #933140, #46181f) !important;
  -webkit-text-shadow: 0px -1px 0 #331116 !important;
  -moz-text-shadow: 0px -1px 0 #331116 !important;
  -ms-text-shadow: 0px -1px 0 #331116 !important;
  -o-text-shadow: 0px -1px 0 #331116 !important;
  text-shadow: 0px -1px 0 #331116 !important;
}
body.cherry .notifications-link:hover {
  border-left: 1px solid #566675;
  border-right: 1px solid #566675;
}
body.cherry #notifications-link {
  border-left: 1px solid #566675;
  border-right: 1px solid #566675;
}
body.cherry .ui-datepicker td.ui-datepicker-today {
  background: #feffff !important;
}
body.cherry .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.cherry .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #6c8092;
}
body.cherry .form input[type="checkbox"]:focus,
body.cherry .form input[type="text"]:focus,
body.cherry .form input[type="password"]:focus,
body.cherry .form select.multiple:focus,
body.cherry .form textarea:focus,
body.cherry .hasDropDown select:focus,
body.cherry .hasDropDown select:hover,
body.cherry .hasDropDown:hover select,
body.cherry ul.token-input-list:focus,
body.cherry #layout-container .ui-state-active,
body.cherry #layout-container .ui-widget-content .ui-state-active,
body.cherry #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #6c8092;
  -moz-box-shadow: 0 0 1px 1px #6c8092;
  -ms-box-shadow: 0 0 1px 1px #6c8092;
  -o-box-shadow: 0 0 1px 1px #6c8092;
  box-shadow: 0 0 1px 1px #6c8092;
}
body.cherry .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.cherry .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.cherry .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.cherry .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.cherry .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.cherry .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.cherry .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.cherry .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.cherry .theme-color-1 {
  background: #6c8092;
}
.color-swatch.cherry .theme-color-2 {
  background: #933140;
}
.color-swatch.cherry .theme-color-3 {
  background: #464646;
}
body.turquoise #nav-trigger {
  border-right: 1px solid #31566f;
  -webkit-box-shadow: 1px 0 0 0 #467a9d;
  -moz-box-shadow: 1px 0 0 0 #467a9d;
  -ms-box-shadow: 1px 0 0 0 #467a9d;
  -o-box-shadow: 1px 0 0 0 #467a9d;
  box-shadow: 1px 0 0 0 #467a9d;
  color: #ffffff;
}
body.turquoise #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #8fb4cd;
  -moz-text-shadow: 0 1px 0 #8fb4cd;
  -ms-text-shadow: 0 1px 0 #8fb4cd;
  -o-text-shadow: 0 1px 0 #8fb4cd;
  text-shadow: 0 1px 0 #8fb4cd;
}
body.turquoise .textColor {
  color: #545454;
}
body.turquoise .themeColor {
  color: #447799;
}
body.turquoise .themeColor2 {
  color: #44bbcc;
}
body.turquoise .themeBackgroundColor {
  background-color: #447799;
}
body.turquoise .themeBackgroundColor2 {
  background-color: #44bbcc;
}
body.turquoise .themeColor-important {
  color: #447799 !important;
}
body.turquoise .themeColor2-important {
  color: #44bbcc !important;
}
body.turquoise .themeBackgroundColor-important {
  background-color: #447799 !important;
}
body.turquoise .themeBackgroundColor2-important {
  background-color: #44bbcc !important;
}
body.turquoise .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #447799;
  -moz-box-shadow: 0 0 1px 1px #447799;
  -ms-box-shadow: 0 0 1px 1px #447799;
  -o-box-shadow: 0 0 1px 1px #447799;
  box-shadow: 0 0 1px 1px #447799;
}
body.turquoise .juiportlet-widget-placeholder,
body.turquoise .drop-zone {
  border: 2px dashed #447799;
}
body.turquoise h1,
body.turquoise h2,
body.turquoise h3,
body.turquoise h4,
body.turquoise h5,
body.turquoise h6 {
  color: #447799;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.turquoise a:hover,
body.turquoise .xhtml-validation-info,
body.turquoise .performance-info,
body.turquoise tr:hover .pencil,
body.turquoise .ui-dialog .ui-dialog-title div.wide.form a,
body.turquoise #kanban-board-options-link,
body.turquoise #select-list-attributes-link,
body.turquoise #more-search-linkmodal,
body.turquoise #more-search-link,
body.turquoise .search-form-tools,
body.turquoise #inline-edit-form > table td > a,
body.turquoise .AppContent.MassEditView .ui-state-highlight p,
body.turquoise #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.turquoise .calendar-events-1 span,
body.turquoise .calendar-events-2 span,
body.turquoise .calendar-events-3 span,
body.turquoise .calendar-events-4 span,
body.turquoise .calendar-events-5 span,
body.turquoise .calendar-events-6 span,
body.turquoise .sortable-panel,
body.turquoise .cell-element,
body.turquoise .upload-actions .icon-delete,
body.turquoise .badge-icon,
body.turquoise .percentComplete,
body.turquoise .qtip,
body.turquoise .ui-tooltip-default .ui-tooltip-titlebar,
body.turquoise .comment .delete-comment,
body.turquoise .comment .edit-comment,
body.turquoise .comment .delete-comment a,
body.turquoise .comment .edit-comment a,
body.turquoise .unread td,
body.turquoise .unread td a,
body.turquoise a.user-link,
body.turquoise .SocialItemsListView .show-create-comment,
body.turquoise .back-to-inbox-link,
body.turquoise #AllSocialItemsForPortletView .show-create-comment,
body.turquoise a.remove:hover .icon:after,
body.turquoise .juiportlet-widget-head a.edit:hover .icon:after,
body.turquoise a.more-panels-link,
body.turquoise a.simple-link,
body.turquoise a.simple-link .z-label,
body.turquoise a.simple-select,
body.turquoise .after-form-details-content a,
body.turquoise .ui-dialog-title,
body.turquoise .show-file-upload-box,
body.turquoise .z-action-link,
body.turquoise .showAllCommentsLink,
body.turquoise .treeview span:hover .z-action-link,
body.turquoise .drop-zone,
body.turquoise .missing-chart,
body.turquoise a.active-tab,
body.turquoise .edit-autoresponder-link,
body.turquoise .edit-project-link {
  color: #447799;
}
body.turquoise #MashableInboxActionBarForViews .nav > li > a:hover,
body.turquoise #MashableInboxActionBarForViews .nav > li > a:active,
body.turquoise #MashableInboxActionBarForViews a:hover .unread-count,
body.turquoise #MashableInboxActionBarForViews a:active .unread-count,
body.turquoise #notifications-flyout .single-notification h4,
body.turquoise a:hover i[class^="icon"],
body.turquoise a:hover i[class^="icon"]:after,
body.turquoise a:active i[class^="icon"],
body.turquoise a:active i[class^="icon"]:after,
body.turquoise .default-button:hover span,
body.turquoise .default-button:hover i[class^="icon"],
body.turquoise .default-button:hover i[class^="icon"]:after,
body.turquoise .default-button:hover i[class^="icon"]:before,
body.turquoise .button-action:hover span,
body.turquoise .button-action:hover i[class^="icon"],
body.turquoise .button-action:hover i[class^="icon"]:after,
body.turquoise .button-action:hover i[class^="icon"]:before,
body.turquoise .button-action-trigger:hover span,
body.turquoise .button-action-trigger:hover i[class^="icon"],
body.turquoise .button-action-trigger:hover i[class^="icon"]:after,
body.turquoise .button-action-trigger:hover i[class^="icon"]:before,
body.turquoise .pillbox .active > a,
body.turquoise .pillbox .active span,
body.turquoise .pillbox .active i[class^="icon"],
body.turquoise .pillbox .active i[class^="icon"]:after,
body.turquoise .pillbox .active i[class^="icon"]:before,
body.turquoise .pillbox .nav-open a,
body.turquoise .pillbox .nav-open span,
body.turquoise .pillbox .nav-open i[class^="icon"],
body.turquoise .pillbox .nav-open i[class^="icon"]:after,
body.turquoise .pillbox .nav-open i[class^="icon"]:before,
body.turquoise .view-toolbar > a:hover,
body.turquoise .view-toolbar > a:active,
body.turquoise .view-toolbar > a:hover:before,
body.turquoise .view-toolbar > a:active:before,
body.turquoise .view-toolbar > a:hover span,
body.turquoise .view-toolbar > a:active span,
body.turquoise .view-toolbar .active,
body.turquoise .view-toolbar .active > a span,
body.turquoise .view-toolbar .active > a:before,
body.turquoise .view-toolbar .nav > li > a:hover,
body.turquoise .view-toolbar .nav > li > a:active,
body.turquoise .portlet-toolbar .icon-delete:before,
body.turquoise .portlet-toolbar .icon-edit:before,
body.turquoise .mini-pillbox a:hover,
body.turquoise .mini-pillbox .active,
body.turquoise #StickyListMenu > li > a:hover > span,
body.turquoise .addfileinput-button:hover span .pager a:hover:before,
body.turquoise .pager a:hover:after,
body.turquoise .ui-datepicker-header a:hover:before,
body.turquoise .ui-datepicker-header a:hover:after,
body.turquoise input[type="button"]:hover,
body.turquoise input[type="button"]:hover:before,
body.turquoise input[type="button"]:hover:after,
body.turquoise .configuration-list li a:hover,
body.turquoise .configuration-list li a:hover span:before,
body.turquoise .configuration-list td:last-child a:hover,
body.turquoise .configuration-list td:last-child a:hover span:before,
body.turquoise .addfileinput-button:hover span,
body.turquoise .mini-button:hover span,
body.turquoise .hide-welcome span,
body.turquoise .hide-module-intro span,
body.turquoise .hide-marketing-intro span,
body.turquoise #kanban-board-options-link:hover,
body.turquoise #more-search-link:hover,
body.turquoise #select-list-attributes-link:hover {
  color: #44bbcc;
}
body.turquoise .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.turquoise #AboutView p a,
body.turquoise #AboutView ul a,
body.turquoise .back-to-app-menu-item span,
body.turquoise .breadcrumbs a,
body.turquoise .StepsAndProgressBarForWizardView .current-step {
  color: #447799 !important;
}
body.turquoise .portlet-toolbar .icon-create:hover,
body.turquoise .portlet-toolbar a:hover,
body.turquoise .portlet-toolbar .icon-create:before,
body.turquoise #filter-latest-activities-link:hover,
body.turquoise .badge-message h3,
body.turquoise .mini-button:not(.hangup):hover {
  color: #44bbcc !important;
}
body.turquoise #InstallAccessFailurePageView a,
body.turquoise #ErrorPageView a,
body.turquoise .ui-tooltip-default .ui-tooltip-icon,
body.turquoise .zLink,
body.turquoise .z-link,
body.turquoise .lead-conversion-actions a,
body.turquoise #clear-search-link,
body.turquoise #show-filters-structure-div-link,
body.turquoise .filters-bar .ui-state-active,
body.turquoise .filters-bar label:hover,
body.turquoise #clear-search-linkmodal,
body.turquoise .StepsAndProgressBarForWizardView .progress-bar,
body.turquoise .task-owner .gravatar {
  background-color: #447799;
}
body.turquoise .latest-activity-toolbar label:hover,
body.turquoise .filter-portlet-model-bar label:hover,
body.turquoise .latest-activity-toolbar .ui-state-active,
body.turquoise .filter-portlet-model-bar .ui-state-active,
body.turquoise #clear-search-link,
body.turquoise #MashableInboxForm_filteredBy_area label:hover,
body.turquoise #MashableInboxForm_optionForModel_area label:hover,
body.turquoise #MashableInboxForm_filteredBy_area .ui-state-active,
body.turquoise #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #447799 !important;
}
body.turquoise #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.turquoise #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.turquoise .points,
body.turquoise .ranking,
body.turquoise .badge-grade,
body.turquoise li.token-input-selected-token {
  background-color: #44bbcc;
}
body.turquoise .ui-autocomplete a:hover,
body.turquoise .ui-autocomplete a#ui-active-menuitem,
body.turquoise .ui-autocomplete a.ui-state-hover,
body.turquoise #StickyListMenu ul a:hover,
body.turquoise .toolbar-mbmenu .options-menu ul a:hover,
body.turquoise #ShortcutsMenu ul a:hover,
body.turquoise .view-toolbar .parent > ul a:hover,
body.turquoise .edit-row-menu ul a:hover,
body.turquoise .edit-portlet-menu ul a:hover {
  background-color: #44bbcc !important;
  color: #fff !important;
}
body.turquoise #HeaderView {
  background: #345c76;
  -webkit-box-shadow: inset 0 10px 50px 0 #447799;
  -moz-box-shadow: inset 0 10px 50px 0 #447799;
  -ms-box-shadow: inset 0 10px 50px 0 #447799;
  -o-box-shadow: inset 0 10px 50px 0 #447799;
  box-shadow: inset 0 10px 50px 0 #447799;
}
body.turquoise #HeaderLinksView + div {
  background-color: #333535;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #464646, #333535);
  background-image: -ms-linear-gradient(top, #464646, #333535);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #333535));
  background-image: -webkit-linear-gradient(top, #464646, #333535);
  background-image: -o-linear-gradient(top, #464646, #333535);
  background-image: linear-gradient(top, #464646, #333535);
}
body.turquoise #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #2a8c9a;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: -ms-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44bbcc), color-stop(100%, #2a8c9a));
  background-image: -webkit-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: -o-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: linear-gradient(top, #44bbcc, #2a8c9a);
}
body.turquoise #user-header-menu > li > a:hover,
body.turquoise #settings-header-menu > li > a:hover {
  border-left: 1px solid #345c76;
  border-right: 1px solid #345c76;
}
body.turquoise #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.turquoise #MenuView li.active > a > span,
body.turquoise #MenuView a:hover > span {
  background-color: #44bbcc;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.turquoise #RecentlyViewedView a > span:first-child {
  background-color: #44bbcc;
  -webkit-text-shadow: 0px 1px 0 #6ccad7;
  -moz-text-shadow: 0px 1px 0 #6ccad7;
  -ms-text-shadow: 0px 1px 0 #6ccad7;
  -o-text-shadow: 0px 1px 0 #6ccad7;
  text-shadow: 0px 1px 0 #6ccad7;
}
body.turquoise #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.turquoise #RecentlyViewedView a:hover em {
  color: #447799 !important;
  -webkit-text-shadow: 0px 1px 0 #6ccad7;
  -moz-text-shadow: 0px 1px 0 #6ccad7;
  -ms-text-shadow: 0px 1px 0 #6ccad7;
  -o-text-shadow: 0px 1px 0 #6ccad7;
  text-shadow: 0px 1px 0 #6ccad7;
}
body.turquoise #MenuView ul ul li a:hover {
  background-color: #2a8c9a;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: -ms-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44bbcc), color-stop(100%, #2a8c9a));
  background-image: -webkit-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: -o-linear-gradient(top, #44bbcc, #2a8c9a);
  background-image: linear-gradient(top, #44bbcc, #2a8c9a);
}
body.turquoise .ZeroModelsYetView a .z-label,
body.turquoise .dashboard-link .z-label,
body.turquoise .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.turquoise .zButton:hover .z-label,
body.turquoise .z-button:hover .z-label,
body.turquoise .zButton:active .z-label,
body.turquoise .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.turquoise .zButton:active .z-label,
body.turquoise .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.turquoise .ui-datepicker-current:hover .z-label,
body.turquoise .ui-datepicker-close:hover .z-label,
body.turquoise .ui-datepicker-current:active .z-label,
body.turquoise .ui-datepicker-close:active .z-label,
body.turquoise .zButton:not(.attachLoading):hover .z-label,
body.turquoise .z-button:not(.attachLoading):hover .z-label,
body.turquoise .zButton:not(.attachLoading):active .z-label,
body.turquoise .z-button:not(.attachLoading):active .z-label,
body.turquoise .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.turquoise .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.turquoise .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.turquoise .configuration-list li a:hover .z-label,
body.turquoise .white-button:hover .z-label,
body.turquoise .white-button:hover .z-label {
  color: #44bbcc !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.turquoise a.green-button > .z-label,
body.turquoise a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.turquoise #LanguagesCollectionView .green-button:hover .z-label,
body.turquoise .green-button:not(.attachLoading):hover .z-label,
body.turquoise .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.turquoise .green-button:active .z-label,
body.turquoise .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.turquoise .button-actions a:hover {
  color: #ffffff !important;
  background-color: #247986 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #44bbcc, #247986) !important;
  background-image: -ms-linear-gradient(top, #44bbcc, #247986) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44bbcc), color-stop(100%, #247986)) !important;
  background-image: -webkit-linear-gradient(top, #44bbcc, #247986) !important;
  background-image: -o-linear-gradient(top, #44bbcc, #247986) !important;
  background-image: linear-gradient(top, #44bbcc, #247986) !important;
  -webkit-text-shadow: 0px -1px 0 #1f6772 !important;
  -moz-text-shadow: 0px -1px 0 #1f6772 !important;
  -ms-text-shadow: 0px -1px 0 #1f6772 !important;
  -o-text-shadow: 0px -1px 0 #1f6772 !important;
  text-shadow: 0px -1px 0 #1f6772 !important;
}
body.turquoise .notifications-link:hover {
  border-left: 1px solid #345c76;
  border-right: 1px solid #345c76;
}
body.turquoise #notifications-link {
  border-left: 1px solid #345c76;
  border-right: 1px solid #345c76;
}
body.turquoise .ui-datepicker td.ui-datepicker-today {
  background: #e7eff5 !important;
}
body.turquoise .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.turquoise .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #447799;
}
body.turquoise .form input[type="checkbox"]:focus,
body.turquoise .form input[type="text"]:focus,
body.turquoise .form input[type="password"]:focus,
body.turquoise .form select.multiple:focus,
body.turquoise .form textarea:focus,
body.turquoise .hasDropDown select:focus,
body.turquoise .hasDropDown select:hover,
body.turquoise .hasDropDown:hover select,
body.turquoise ul.token-input-list:focus,
body.turquoise #layout-container .ui-state-active,
body.turquoise #layout-container .ui-widget-content .ui-state-active,
body.turquoise #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #447799;
  -moz-box-shadow: 0 0 1px 1px #447799;
  -ms-box-shadow: 0 0 1px 1px #447799;
  -o-box-shadow: 0 0 1px 1px #447799;
  box-shadow: 0 0 1px 1px #447799;
}
body.turquoise .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.turquoise .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.turquoise .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.turquoise .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.turquoise .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.turquoise .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.turquoise .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.turquoise .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.turquoise .theme-color-1 {
  background: #447799;
}
.color-swatch.turquoise .theme-color-2 {
  background: #44bbcc;
}
.color-swatch.turquoise .theme-color-3 {
  background: #464646;
}
body.violet #nav-trigger {
  border-right: 1px solid #2f2447;
  -webkit-box-shadow: 1px 0 0 0 #4c3b73;
  -moz-box-shadow: 1px 0 0 0 #4c3b73;
  -ms-box-shadow: 1px 0 0 0 #4c3b73;
  -o-box-shadow: 1px 0 0 0 #4c3b73;
  box-shadow: 1px 0 0 0 #4c3b73;
  color: #ffffff;
}
body.violet #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #8772b7;
  -moz-text-shadow: 0 1px 0 #8772b7;
  -ms-text-shadow: 0 1px 0 #8772b7;
  -o-text-shadow: 0 1px 0 #8772b7;
  text-shadow: 0 1px 0 #8772b7;
}
body.violet .textColor {
  color: #545454;
}
body.violet .themeColor {
  color: #4a3970;
}
body.violet .themeColor2 {
  color: #91a1dc;
}
body.violet .themeBackgroundColor {
  background-color: #4a3970;
}
body.violet .themeBackgroundColor2 {
  background-color: #91a1dc;
}
body.violet .themeColor-important {
  color: #4a3970 !important;
}
body.violet .themeColor2-important {
  color: #91a1dc !important;
}
body.violet .themeBackgroundColor-important {
  background-color: #4a3970 !important;
}
body.violet .themeBackgroundColor2-important {
  background-color: #91a1dc !important;
}
body.violet .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #4a3970;
  -moz-box-shadow: 0 0 1px 1px #4a3970;
  -ms-box-shadow: 0 0 1px 1px #4a3970;
  -o-box-shadow: 0 0 1px 1px #4a3970;
  box-shadow: 0 0 1px 1px #4a3970;
}
body.violet .juiportlet-widget-placeholder,
body.violet .drop-zone {
  border: 2px dashed #4a3970;
}
body.violet h1,
body.violet h2,
body.violet h3,
body.violet h4,
body.violet h5,
body.violet h6 {
  color: #4a3970;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.violet a:hover,
body.violet .xhtml-validation-info,
body.violet .performance-info,
body.violet tr:hover .pencil,
body.violet .ui-dialog .ui-dialog-title div.wide.form a,
body.violet #kanban-board-options-link,
body.violet #select-list-attributes-link,
body.violet #more-search-linkmodal,
body.violet #more-search-link,
body.violet .search-form-tools,
body.violet #inline-edit-form > table td > a,
body.violet .AppContent.MassEditView .ui-state-highlight p,
body.violet #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.violet .calendar-events-1 span,
body.violet .calendar-events-2 span,
body.violet .calendar-events-3 span,
body.violet .calendar-events-4 span,
body.violet .calendar-events-5 span,
body.violet .calendar-events-6 span,
body.violet .sortable-panel,
body.violet .cell-element,
body.violet .upload-actions .icon-delete,
body.violet .badge-icon,
body.violet .percentComplete,
body.violet .qtip,
body.violet .ui-tooltip-default .ui-tooltip-titlebar,
body.violet .comment .delete-comment,
body.violet .comment .edit-comment,
body.violet .comment .delete-comment a,
body.violet .comment .edit-comment a,
body.violet .unread td,
body.violet .unread td a,
body.violet a.user-link,
body.violet .SocialItemsListView .show-create-comment,
body.violet .back-to-inbox-link,
body.violet #AllSocialItemsForPortletView .show-create-comment,
body.violet a.remove:hover .icon:after,
body.violet .juiportlet-widget-head a.edit:hover .icon:after,
body.violet a.more-panels-link,
body.violet a.simple-link,
body.violet a.simple-link .z-label,
body.violet a.simple-select,
body.violet .after-form-details-content a,
body.violet .ui-dialog-title,
body.violet .show-file-upload-box,
body.violet .z-action-link,
body.violet .showAllCommentsLink,
body.violet .treeview span:hover .z-action-link,
body.violet .drop-zone,
body.violet .missing-chart,
body.violet a.active-tab,
body.violet .edit-autoresponder-link,
body.violet .edit-project-link {
  color: #4a3970;
}
body.violet #MashableInboxActionBarForViews .nav > li > a:hover,
body.violet #MashableInboxActionBarForViews .nav > li > a:active,
body.violet #MashableInboxActionBarForViews a:hover .unread-count,
body.violet #MashableInboxActionBarForViews a:active .unread-count,
body.violet #notifications-flyout .single-notification h4,
body.violet a:hover i[class^="icon"],
body.violet a:hover i[class^="icon"]:after,
body.violet a:active i[class^="icon"],
body.violet a:active i[class^="icon"]:after,
body.violet .default-button:hover span,
body.violet .default-button:hover i[class^="icon"],
body.violet .default-button:hover i[class^="icon"]:after,
body.violet .default-button:hover i[class^="icon"]:before,
body.violet .button-action:hover span,
body.violet .button-action:hover i[class^="icon"],
body.violet .button-action:hover i[class^="icon"]:after,
body.violet .button-action:hover i[class^="icon"]:before,
body.violet .button-action-trigger:hover span,
body.violet .button-action-trigger:hover i[class^="icon"],
body.violet .button-action-trigger:hover i[class^="icon"]:after,
body.violet .button-action-trigger:hover i[class^="icon"]:before,
body.violet .pillbox .active > a,
body.violet .pillbox .active span,
body.violet .pillbox .active i[class^="icon"],
body.violet .pillbox .active i[class^="icon"]:after,
body.violet .pillbox .active i[class^="icon"]:before,
body.violet .pillbox .nav-open a,
body.violet .pillbox .nav-open span,
body.violet .pillbox .nav-open i[class^="icon"],
body.violet .pillbox .nav-open i[class^="icon"]:after,
body.violet .pillbox .nav-open i[class^="icon"]:before,
body.violet .view-toolbar > a:hover,
body.violet .view-toolbar > a:active,
body.violet .view-toolbar > a:hover:before,
body.violet .view-toolbar > a:active:before,
body.violet .view-toolbar > a:hover span,
body.violet .view-toolbar > a:active span,
body.violet .view-toolbar .active,
body.violet .view-toolbar .active > a span,
body.violet .view-toolbar .active > a:before,
body.violet .view-toolbar .nav > li > a:hover,
body.violet .view-toolbar .nav > li > a:active,
body.violet .portlet-toolbar .icon-delete:before,
body.violet .portlet-toolbar .icon-edit:before,
body.violet .mini-pillbox a:hover,
body.violet .mini-pillbox .active,
body.violet #StickyListMenu > li > a:hover > span,
body.violet .addfileinput-button:hover span .pager a:hover:before,
body.violet .pager a:hover:after,
body.violet .ui-datepicker-header a:hover:before,
body.violet .ui-datepicker-header a:hover:after,
body.violet input[type="button"]:hover,
body.violet input[type="button"]:hover:before,
body.violet input[type="button"]:hover:after,
body.violet .configuration-list li a:hover,
body.violet .configuration-list li a:hover span:before,
body.violet .configuration-list td:last-child a:hover,
body.violet .configuration-list td:last-child a:hover span:before,
body.violet .addfileinput-button:hover span,
body.violet .mini-button:hover span,
body.violet .hide-welcome span,
body.violet .hide-module-intro span,
body.violet .hide-marketing-intro span,
body.violet #kanban-board-options-link:hover,
body.violet #more-search-link:hover,
body.violet #select-list-attributes-link:hover {
  color: #91a1dc;
}
body.violet .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.violet #AboutView p a,
body.violet #AboutView ul a,
body.violet .back-to-app-menu-item span,
body.violet .breadcrumbs a,
body.violet .StepsAndProgressBarForWizardView .current-step {
  color: #4a3970 !important;
}
body.violet .portlet-toolbar .icon-create:hover,
body.violet .portlet-toolbar a:hover,
body.violet .portlet-toolbar .icon-create:before,
body.violet #filter-latest-activities-link:hover,
body.violet .badge-message h3,
body.violet .mini-button:not(.hangup):hover {
  color: #91a1dc !important;
}
body.violet #InstallAccessFailurePageView a,
body.violet #ErrorPageView a,
body.violet .ui-tooltip-default .ui-tooltip-icon,
body.violet .zLink,
body.violet .z-link,
body.violet .lead-conversion-actions a,
body.violet #clear-search-link,
body.violet #show-filters-structure-div-link,
body.violet .filters-bar .ui-state-active,
body.violet .filters-bar label:hover,
body.violet #clear-search-linkmodal,
body.violet .StepsAndProgressBarForWizardView .progress-bar,
body.violet .task-owner .gravatar {
  background-color: #4a3970;
}
body.violet .latest-activity-toolbar label:hover,
body.violet .filter-portlet-model-bar label:hover,
body.violet .latest-activity-toolbar .ui-state-active,
body.violet .filter-portlet-model-bar .ui-state-active,
body.violet #clear-search-link,
body.violet #MashableInboxForm_filteredBy_area label:hover,
body.violet #MashableInboxForm_optionForModel_area label:hover,
body.violet #MashableInboxForm_filteredBy_area .ui-state-active,
body.violet #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #4a3970 !important;
}
body.violet #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.violet #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.violet .points,
body.violet .ranking,
body.violet .badge-grade,
body.violet li.token-input-selected-token {
  background-color: #91a1dc;
}
body.violet .ui-autocomplete a:hover,
body.violet .ui-autocomplete a#ui-active-menuitem,
body.violet .ui-autocomplete a.ui-state-hover,
body.violet #StickyListMenu ul a:hover,
body.violet .toolbar-mbmenu .options-menu ul a:hover,
body.violet #ShortcutsMenu ul a:hover,
body.violet .view-toolbar .parent > ul a:hover,
body.violet .edit-row-menu ul a:hover,
body.violet .edit-portlet-menu ul a:hover {
  background-color: #91a1dc !important;
  color: #fff !important;
}
body.violet #HeaderView {
  background: #34284e;
  -webkit-box-shadow: inset 0 10px 50px 0 #4a3970;
  -moz-box-shadow: inset 0 10px 50px 0 #4a3970;
  -ms-box-shadow: inset 0 10px 50px 0 #4a3970;
  -o-box-shadow: inset 0 10px 50px 0 #4a3970;
  box-shadow: inset 0 10px 50px 0 #4a3970;
}
body.violet #HeaderLinksView + div {
  background-color: #333535;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #464646, #333535);
  background-image: -ms-linear-gradient(top, #464646, #333535);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #333535));
  background-image: -webkit-linear-gradient(top, #464646, #333535);
  background-image: -o-linear-gradient(top, #464646, #333535);
  background-image: linear-gradient(top, #464646, #333535);
}
body.violet #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #576fca;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #91a1dc, #576fca);
  background-image: -ms-linear-gradient(top, #91a1dc, #576fca);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91a1dc), color-stop(100%, #576fca));
  background-image: -webkit-linear-gradient(top, #91a1dc, #576fca);
  background-image: -o-linear-gradient(top, #91a1dc, #576fca);
  background-image: linear-gradient(top, #91a1dc, #576fca);
}
body.violet #user-header-menu > li > a:hover,
body.violet #settings-header-menu > li > a:hover {
  border-left: 1px solid #34284e;
  border-right: 1px solid #34284e;
}
body.violet #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.violet #MenuView li.active > a > span,
body.violet #MenuView a:hover > span {
  background-color: #91a1dc;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.violet #RecentlyViewedView a > span:first-child {
  background-color: #91a1dc;
  -webkit-text-shadow: 0px 1px 0 #b8c2e8;
  -moz-text-shadow: 0px 1px 0 #b8c2e8;
  -ms-text-shadow: 0px 1px 0 #b8c2e8;
  -o-text-shadow: 0px 1px 0 #b8c2e8;
  text-shadow: 0px 1px 0 #b8c2e8;
}
body.violet #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.violet #RecentlyViewedView a:hover em {
  color: #4a3970 !important;
  -webkit-text-shadow: 0px 1px 0 #b8c2e8;
  -moz-text-shadow: 0px 1px 0 #b8c2e8;
  -ms-text-shadow: 0px 1px 0 #b8c2e8;
  -o-text-shadow: 0px 1px 0 #b8c2e8;
  text-shadow: 0px 1px 0 #b8c2e8;
}
body.violet #MenuView ul ul li a:hover {
  background-color: #576fca;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #91a1dc, #576fca);
  background-image: -ms-linear-gradient(top, #91a1dc, #576fca);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91a1dc), color-stop(100%, #576fca));
  background-image: -webkit-linear-gradient(top, #91a1dc, #576fca);
  background-image: -o-linear-gradient(top, #91a1dc, #576fca);
  background-image: linear-gradient(top, #91a1dc, #576fca);
}
body.violet .ZeroModelsYetView a .z-label,
body.violet .dashboard-link .z-label,
body.violet .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.violet .zButton:hover .z-label,
body.violet .z-button:hover .z-label,
body.violet .zButton:active .z-label,
body.violet .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.violet .zButton:active .z-label,
body.violet .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.violet .ui-datepicker-current:hover .z-label,
body.violet .ui-datepicker-close:hover .z-label,
body.violet .ui-datepicker-current:active .z-label,
body.violet .ui-datepicker-close:active .z-label,
body.violet .zButton:not(.attachLoading):hover .z-label,
body.violet .z-button:not(.attachLoading):hover .z-label,
body.violet .zButton:not(.attachLoading):active .z-label,
body.violet .z-button:not(.attachLoading):active .z-label,
body.violet .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.violet .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.violet .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.violet .configuration-list li a:hover .z-label,
body.violet .white-button:hover .z-label,
body.violet .white-button:hover .z-label {
  color: #91a1dc !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.violet a.green-button > .z-label,
body.violet a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.violet #LanguagesCollectionView .green-button:hover .z-label,
body.violet .green-button:not(.attachLoading):hover .z-label,
body.violet .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.violet .green-button:active .z-label,
body.violet .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.violet .button-actions a:hover {
  color: #ffffff !important;
  background-color: #445fc3 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #91a1dc, #445fc3) !important;
  background-image: -ms-linear-gradient(top, #91a1dc, #445fc3) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91a1dc), color-stop(100%, #445fc3)) !important;
  background-image: -webkit-linear-gradient(top, #91a1dc, #445fc3) !important;
  background-image: -o-linear-gradient(top, #91a1dc, #445fc3) !important;
  background-image: linear-gradient(top, #91a1dc, #445fc3) !important;
  -webkit-text-shadow: 0px -1px 0 #3954b4 !important;
  -moz-text-shadow: 0px -1px 0 #3954b4 !important;
  -ms-text-shadow: 0px -1px 0 #3954b4 !important;
  -o-text-shadow: 0px -1px 0 #3954b4 !important;
  text-shadow: 0px -1px 0 #3954b4 !important;
}
body.violet .notifications-link:hover {
  border-left: 1px solid #34284e;
  border-right: 1px solid #34284e;
}
body.violet #notifications-link {
  border-left: 1px solid #34284e;
  border-right: 1px solid #34284e;
}
body.violet .ui-datepicker td.ui-datepicker-today {
  background: #cfc6e2 !important;
}
body.violet .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.violet .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #4a3970;
}
body.violet .form input[type="checkbox"]:focus,
body.violet .form input[type="text"]:focus,
body.violet .form input[type="password"]:focus,
body.violet .form select.multiple:focus,
body.violet .form textarea:focus,
body.violet .hasDropDown select:focus,
body.violet .hasDropDown select:hover,
body.violet .hasDropDown:hover select,
body.violet ul.token-input-list:focus,
body.violet #layout-container .ui-state-active,
body.violet #layout-container .ui-widget-content .ui-state-active,
body.violet #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #4a3970;
  -moz-box-shadow: 0 0 1px 1px #4a3970;
  -ms-box-shadow: 0 0 1px 1px #4a3970;
  -o-box-shadow: 0 0 1px 1px #4a3970;
  box-shadow: 0 0 1px 1px #4a3970;
}
body.violet .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.violet .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.violet .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.violet .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.violet .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.violet .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.violet .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.violet .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.violet .theme-color-1 {
  background: #4a3970;
}
.color-swatch.violet .theme-color-2 {
  background: #91a1dc;
}
.color-swatch.violet .theme-color-3 {
  background: #464646;
}
body.honey #nav-trigger {
  border-right: 1px solid #1a0c0b;
  -webkit-box-shadow: 1px 0 0 0 #4a221d;
  -moz-box-shadow: 1px 0 0 0 #4a221d;
  -ms-box-shadow: 1px 0 0 0 #4a221d;
  -o-box-shadow: 1px 0 0 0 #4a221d;
  box-shadow: 1px 0 0 0 #4a221d;
  color: #ffffff;
}
body.honey #nav-trigger:active {
  -webkit-text-shadow: 0 1px 0 #a14a40;
  -moz-text-shadow: 0 1px 0 #a14a40;
  -ms-text-shadow: 0 1px 0 #a14a40;
  -o-text-shadow: 0 1px 0 #a14a40;
  text-shadow: 0 1px 0 #a14a40;
}
body.honey .textColor {
  color: #545454;
}
body.honey .themeColor {
  color: #46201c;
}
body.honey .themeColor2 {
  color: #abbc42;
}
body.honey .themeBackgroundColor {
  background-color: #46201c;
}
body.honey .themeBackgroundColor2 {
  background-color: #abbc42;
}
body.honey .themeColor-important {
  color: #46201c !important;
}
body.honey .themeColor2-important {
  color: #abbc42 !important;
}
body.honey .themeBackgroundColor-important {
  background-color: #46201c !important;
}
body.honey .themeBackgroundColor2-important {
  background-color: #abbc42 !important;
}
body.honey .themeColor-focus {
  -webkit-box-shadow: 0 0 1px 1px #46201c;
  -moz-box-shadow: 0 0 1px 1px #46201c;
  -ms-box-shadow: 0 0 1px 1px #46201c;
  -o-box-shadow: 0 0 1px 1px #46201c;
  box-shadow: 0 0 1px 1px #46201c;
}
body.honey .juiportlet-widget-placeholder,
body.honey .drop-zone {
  border: 2px dashed #46201c;
}
body.honey h1,
body.honey h2,
body.honey h3,
body.honey h4,
body.honey h5,
body.honey h6 {
  color: #46201c;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
body.honey a:hover,
body.honey .xhtml-validation-info,
body.honey .performance-info,
body.honey tr:hover .pencil,
body.honey .ui-dialog .ui-dialog-title div.wide.form a,
body.honey #kanban-board-options-link,
body.honey #select-list-attributes-link,
body.honey #more-search-linkmodal,
body.honey #more-search-link,
body.honey .search-form-tools,
body.honey #inline-edit-form > table td > a,
body.honey .AppContent.MassEditView .ui-state-highlight p,
body.honey #ModulePermissionsEditAndDetailsView table tr:first-child th,
body.honey .calendar-events-1 span,
body.honey .calendar-events-2 span,
body.honey .calendar-events-3 span,
body.honey .calendar-events-4 span,
body.honey .calendar-events-5 span,
body.honey .calendar-events-6 span,
body.honey .sortable-panel,
body.honey .cell-element,
body.honey .upload-actions .icon-delete,
body.honey .badge-icon,
body.honey .percentComplete,
body.honey .qtip,
body.honey .ui-tooltip-default .ui-tooltip-titlebar,
body.honey .comment .delete-comment,
body.honey .comment .edit-comment,
body.honey .comment .delete-comment a,
body.honey .comment .edit-comment a,
body.honey .unread td,
body.honey .unread td a,
body.honey a.user-link,
body.honey .SocialItemsListView .show-create-comment,
body.honey .back-to-inbox-link,
body.honey #AllSocialItemsForPortletView .show-create-comment,
body.honey a.remove:hover .icon:after,
body.honey .juiportlet-widget-head a.edit:hover .icon:after,
body.honey a.more-panels-link,
body.honey a.simple-link,
body.honey a.simple-link .z-label,
body.honey a.simple-select,
body.honey .after-form-details-content a,
body.honey .ui-dialog-title,
body.honey .show-file-upload-box,
body.honey .z-action-link,
body.honey .showAllCommentsLink,
body.honey .treeview span:hover .z-action-link,
body.honey .drop-zone,
body.honey .missing-chart,
body.honey a.active-tab,
body.honey .edit-autoresponder-link,
body.honey .edit-project-link {
  color: #46201c;
}
body.honey #MashableInboxActionBarForViews .nav > li > a:hover,
body.honey #MashableInboxActionBarForViews .nav > li > a:active,
body.honey #MashableInboxActionBarForViews a:hover .unread-count,
body.honey #MashableInboxActionBarForViews a:active .unread-count,
body.honey #notifications-flyout .single-notification h4,
body.honey a:hover i[class^="icon"],
body.honey a:hover i[class^="icon"]:after,
body.honey a:active i[class^="icon"],
body.honey a:active i[class^="icon"]:after,
body.honey .default-button:hover span,
body.honey .default-button:hover i[class^="icon"],
body.honey .default-button:hover i[class^="icon"]:after,
body.honey .default-button:hover i[class^="icon"]:before,
body.honey .button-action:hover span,
body.honey .button-action:hover i[class^="icon"],
body.honey .button-action:hover i[class^="icon"]:after,
body.honey .button-action:hover i[class^="icon"]:before,
body.honey .button-action-trigger:hover span,
body.honey .button-action-trigger:hover i[class^="icon"],
body.honey .button-action-trigger:hover i[class^="icon"]:after,
body.honey .button-action-trigger:hover i[class^="icon"]:before,
body.honey .pillbox .active > a,
body.honey .pillbox .active span,
body.honey .pillbox .active i[class^="icon"],
body.honey .pillbox .active i[class^="icon"]:after,
body.honey .pillbox .active i[class^="icon"]:before,
body.honey .pillbox .nav-open a,
body.honey .pillbox .nav-open span,
body.honey .pillbox .nav-open i[class^="icon"],
body.honey .pillbox .nav-open i[class^="icon"]:after,
body.honey .pillbox .nav-open i[class^="icon"]:before,
body.honey .view-toolbar > a:hover,
body.honey .view-toolbar > a:active,
body.honey .view-toolbar > a:hover:before,
body.honey .view-toolbar > a:active:before,
body.honey .view-toolbar > a:hover span,
body.honey .view-toolbar > a:active span,
body.honey .view-toolbar .active,
body.honey .view-toolbar .active > a span,
body.honey .view-toolbar .active > a:before,
body.honey .view-toolbar .nav > li > a:hover,
body.honey .view-toolbar .nav > li > a:active,
body.honey .portlet-toolbar .icon-delete:before,
body.honey .portlet-toolbar .icon-edit:before,
body.honey .mini-pillbox a:hover,
body.honey .mini-pillbox .active,
body.honey #StickyListMenu > li > a:hover > span,
body.honey .addfileinput-button:hover span .pager a:hover:before,
body.honey .pager a:hover:after,
body.honey .ui-datepicker-header a:hover:before,
body.honey .ui-datepicker-header a:hover:after,
body.honey input[type="button"]:hover,
body.honey input[type="button"]:hover:before,
body.honey input[type="button"]:hover:after,
body.honey .configuration-list li a:hover,
body.honey .configuration-list li a:hover span:before,
body.honey .configuration-list td:last-child a:hover,
body.honey .configuration-list td:last-child a:hover span:before,
body.honey .addfileinput-button:hover span,
body.honey .mini-button:hover span,
body.honey .hide-welcome span,
body.honey .hide-module-intro span,
body.honey .hide-marketing-intro span,
body.honey #kanban-board-options-link:hover,
body.honey #more-search-link:hover,
body.honey #select-list-attributes-link:hover {
  color: #abbc42;
}
body.honey .dynamic-search-row .remove-extra-dynamic-search-row-link:hover,
body.honey #AboutView p a,
body.honey #AboutView ul a,
body.honey .back-to-app-menu-item span,
body.honey .breadcrumbs a,
body.honey .StepsAndProgressBarForWizardView .current-step {
  color: #46201c !important;
}
body.honey .portlet-toolbar .icon-create:hover,
body.honey .portlet-toolbar a:hover,
body.honey .portlet-toolbar .icon-create:before,
body.honey #filter-latest-activities-link:hover,
body.honey .badge-message h3,
body.honey .mini-button:not(.hangup):hover {
  color: #abbc42 !important;
}
body.honey #InstallAccessFailurePageView a,
body.honey #ErrorPageView a,
body.honey .ui-tooltip-default .ui-tooltip-icon,
body.honey .zLink,
body.honey .z-link,
body.honey .lead-conversion-actions a,
body.honey #clear-search-link,
body.honey #show-filters-structure-div-link,
body.honey .filters-bar .ui-state-active,
body.honey .filters-bar label:hover,
body.honey #clear-search-linkmodal,
body.honey .StepsAndProgressBarForWizardView .progress-bar,
body.honey .task-owner .gravatar {
  background-color: #46201c;
}
body.honey .latest-activity-toolbar label:hover,
body.honey .filter-portlet-model-bar label:hover,
body.honey .latest-activity-toolbar .ui-state-active,
body.honey .filter-portlet-model-bar .ui-state-active,
body.honey #clear-search-link,
body.honey #MashableInboxForm_filteredBy_area label:hover,
body.honey #MashableInboxForm_optionForModel_area label:hover,
body.honey #MashableInboxForm_filteredBy_area .ui-state-active,
body.honey #MashableInboxForm_optionForModel_area .ui-state-active {
  background-color: #46201c !important;
}
body.honey #MyMissionsForPortletView .filter-portlet-model-bar label a:hover,
body.honey #MyMissionsForPortletView .filter-portlet-model-bar .ui-state-active,
body.honey .points,
body.honey .ranking,
body.honey .badge-grade,
body.honey li.token-input-selected-token {
  background-color: #abbc42;
}
body.honey .ui-autocomplete a:hover,
body.honey .ui-autocomplete a#ui-active-menuitem,
body.honey .ui-autocomplete a.ui-state-hover,
body.honey #StickyListMenu ul a:hover,
body.honey .toolbar-mbmenu .options-menu ul a:hover,
body.honey #ShortcutsMenu ul a:hover,
body.honey .view-toolbar .parent > ul a:hover,
body.honey .edit-row-menu ul a:hover,
body.honey .edit-portlet-menu ul a:hover {
  background-color: #abbc42 !important;
  color: #fff !important;
}
body.honey #HeaderView {
  background: #7a4625;
  -webkit-box-shadow: inset 0 10px 50px 0 #a15c31;
  -moz-box-shadow: inset 0 10px 50px 0 #a15c31;
  -ms-box-shadow: inset 0 10px 50px 0 #a15c31;
  -o-box-shadow: inset 0 10px 50px 0 #a15c31;
  box-shadow: inset 0 10px 50px 0 #a15c31;
}
body.honey #HeaderLinksView + div {
  background-color: #582823;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #46201c, #582823);
  background-image: -ms-linear-gradient(top, #46201c, #582823);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46201c), color-stop(100%, #582823));
  background-image: -webkit-linear-gradient(top, #46201c, #582823);
  background-image: -o-linear-gradient(top, #46201c, #582823);
  background-image: linear-gradient(top, #46201c, #582823);
}
body.honey #HeaderLinksView ul ul a:hover {
  color: #fff !important;
  background-color: #77832e;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #abbc42, #77832e);
  background-image: -ms-linear-gradient(top, #abbc42, #77832e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abbc42), color-stop(100%, #77832e));
  background-image: -webkit-linear-gradient(top, #abbc42, #77832e);
  background-image: -o-linear-gradient(top, #abbc42, #77832e);
  background-image: linear-gradient(top, #abbc42, #77832e);
}
body.honey #user-header-menu > li > a:hover,
body.honey #settings-header-menu > li > a:hover {
  border-left: 1px solid #220f0d;
  border-right: 1px solid #220f0d;
}
body.honey #MenuView a > span {
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
body.honey #MenuView li.active > a > span,
body.honey #MenuView a:hover > span {
  background-color: #abbc42;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.honey #RecentlyViewedView a > span:first-child {
  background-color: #abbc42;
  -webkit-text-shadow: 0px 1px 0 #bcca67;
  -moz-text-shadow: 0px 1px 0 #bcca67;
  -ms-text-shadow: 0px 1px 0 #bcca67;
  -o-text-shadow: 0px 1px 0 #bcca67;
  text-shadow: 0px 1px 0 #bcca67;
}
body.honey #RecentlyViewedView a:hover > span {
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.honey #RecentlyViewedView a:hover em {
  color: #46201c !important;
  -webkit-text-shadow: 0px 1px 0 #bcca67;
  -moz-text-shadow: 0px 1px 0 #bcca67;
  -ms-text-shadow: 0px 1px 0 #bcca67;
  -o-text-shadow: 0px 1px 0 #bcca67;
  text-shadow: 0px 1px 0 #bcca67;
}
body.honey #MenuView ul ul li a:hover {
  background-color: #77832e;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #abbc42, #77832e);
  background-image: -ms-linear-gradient(top, #abbc42, #77832e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abbc42), color-stop(100%, #77832e));
  background-image: -webkit-linear-gradient(top, #abbc42, #77832e);
  background-image: -o-linear-gradient(top, #abbc42, #77832e);
  background-image: linear-gradient(top, #abbc42, #77832e);
}
body.honey .ZeroModelsYetView a .z-label,
body.honey .dashboard-link .z-label,
body.honey .attachLoading .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.honey .zButton:hover .z-label,
body.honey .z-button:hover .z-label,
body.honey .zButton:active .z-label,
body.honey .z-button:active .z-label {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.honey .zButton:active .z-label,
body.honey .z-button:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
body.honey .ui-datepicker-current:hover .z-label,
body.honey .ui-datepicker-close:hover .z-label,
body.honey .ui-datepicker-current:active .z-label,
body.honey .ui-datepicker-close:active .z-label,
body.honey .zButton:not(.attachLoading):hover .z-label,
body.honey .z-button:not(.attachLoading):hover .z-label,
body.honey .zButton:not(.attachLoading):active .z-label,
body.honey .z-button:not(.attachLoading):active .z-label,
body.honey .toolbar-mbmenu .options-menu > li > a:not(.attachLoading):hover .z-label,
body.honey .portlet-toolbar a:not(.attachLoading):not(.simple-link):hover .z-label,
body.honey .form-toolbar a:not(.attachLoading):not(.z-button):not(.green-button):not(.simple-link):hover .z-label,
body.honey .configuration-list li a:hover .z-label,
body.honey .white-button:hover .z-label,
body.honey .white-button:hover .z-label {
  color: #abbc42 !important;
  background-color: #ededed !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -ms-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ededed)) !important;
  background-image: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: -o-linear-gradient(top, #fefefe, #ededed) !important;
  background-image: linear-gradient(top, #fefefe, #ededed) !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
}
body.honey a.green-button > .z-label,
body.honey a.dashboard-link > .z-label {
  color: #fff !important;
  background-color: #799e30 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: -o-linear-gradient(top, #97c43d, #799e30) !important;
  background-image: linear-gradient(top, #97c43d, #799e30) !important;
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
body.honey #LanguagesCollectionView .green-button:hover .z-label,
body.honey .green-button:not(.attachLoading):hover .z-label,
body.honey .dashboard-link:not(.attachLoading):hover .z-label {
  color: #1f290c !important;
  background-color: #5b7724 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: -o-linear-gradient(top, #97c43d, #5b7724) !important;
  background-image: linear-gradient(top, #97c43d, #5b7724) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.honey .green-button:active .z-label,
body.honey .dashboard-link:active .z-label {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF !important;
}
body.honey .button-actions a:hover {
  color: #ffffff !important;
  background-color: #667127 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #abbc42, #667127) !important;
  background-image: -ms-linear-gradient(top, #abbc42, #667127) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #abbc42), color-stop(100%, #667127)) !important;
  background-image: -webkit-linear-gradient(top, #abbc42, #667127) !important;
  background-image: -o-linear-gradient(top, #abbc42, #667127) !important;
  background-image: linear-gradient(top, #abbc42, #667127) !important;
  -webkit-text-shadow: 0px -1px 0 #555e21 !important;
  -moz-text-shadow: 0px -1px 0 #555e21 !important;
  -ms-text-shadow: 0px -1px 0 #555e21 !important;
  -o-text-shadow: 0px -1px 0 #555e21 !important;
  text-shadow: 0px -1px 0 #555e21 !important;
}
body.honey .notifications-link:hover {
  border-left: 1px solid #220f0d;
  border-right: 1px solid #220f0d;
}
body.honey #notifications-link {
  border-left: 1px solid #220f0d;
  border-right: 1px solid #220f0d;
}
body.honey .ui-datepicker td.ui-datepicker-today {
  background: #d2958f !important;
}
body.honey .LatestActivitiesListView .latest-activity-toolbar > div:first-child,
body.honey .LatestActivitiesView .latest-activity-toolbar > div:first-child {
  border-right: 2px solid #46201c;
}
body.honey .form input[type="checkbox"]:focus,
body.honey .form input[type="text"]:focus,
body.honey .form input[type="password"]:focus,
body.honey .form select.multiple:focus,
body.honey .form textarea:focus,
body.honey .hasDropDown select:focus,
body.honey .hasDropDown select:hover,
body.honey .hasDropDown:hover select,
body.honey ul.token-input-list:focus,
body.honey #layout-container .ui-state-active,
body.honey #layout-container .ui-widget-content .ui-state-active,
body.honey #layout-container .ui-widget-header .ui-state-active {
  -webkit-box-shadow: 0 0 1px 1px #46201c;
  -moz-box-shadow: 0 0 1px 1px #46201c;
  -ms-box-shadow: 0 0 1px 1px #46201c;
  -o-box-shadow: 0 0 1px 1px #46201c;
  box-shadow: 0 0 1px 1px #46201c;
}
body.honey .action-take .z-label {
  background-color: #ffad43 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ffad43)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ffad43) !important;
  background-image: linear-gradient(top, #ffa660, #ffad43) !important;
}
body.honey .action-take:hover .z-label {
  color: #934100 !important;
  background-color: #ff9710 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -ms-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa660), color-stop(100%, #ff9710)) !important;
  background-image: -webkit-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: -o-linear-gradient(top, #ffa660, #ff9710) !important;
  background-image: linear-gradient(top, #ffa660, #ff9710) !important;
  -webkit-text-shadow: 0px 1px 0 #ffd1ad !important;
  -moz-text-shadow: 0px 1px 0 #ffd1ad !important;
  -ms-text-shadow: 0px 1px 0 #ffd1ad !important;
  -o-text-shadow: 0px 1px 0 #ffd1ad !important;
  text-shadow: 0px 1px 0 #ffd1ad !important;
}
body.honey .action-complete .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.honey .action-complete:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.honey .action-accept .z-label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
}
body.honey .action-accept:hover .z-label {
  color: #1f290c !important;
  background-color: #548022 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #548022) !important;
  background-image: -o-linear-gradient(top, #97c43d, #548022) !important;
  background-image: linear-gradient(top, #97c43d, #548022) !important;
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
body.honey .action-reject .z-label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
}
body.honey .action-reject:hover .z-label {
  color: #290c11 !important;
  background-color: #802225 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #802225) !important;
  background-image: -o-linear-gradient(top, #c43d53, #802225) !important;
  background-image: linear-gradient(top, #c43d53, #802225) !important;
  -webkit-text-shadow: 0px 1px 0 #d67887 !important;
  -moz-text-shadow: 0px 1px 0 #d67887 !important;
  -ms-text-shadow: 0px 1px 0 #d67887 !important;
  -o-text-shadow: 0px 1px 0 #d67887 !important;
  text-shadow: 0px 1px 0 #d67887 !important;
}
.color-swatch.honey .theme-color-1 {
  background: #a15c31;
}
.color-swatch.honey .theme-color-2 {
  background: #abbc42;
}
.color-swatch.honey .theme-color-3 {
  background: #582823;
}
body.light-noise-diagonal,
.texture-swatch.light-noise-diagonal .background-texture-1 {
  background: url(../patterns/light-noise-diagonal/light-noise-diagonal.png) left top repeat !important;
}
body.french-stucco,
.texture-swatch.french-stucco .background-texture-1 {
  background: url(../patterns/french-stucco/french-stucco.png) left top repeat !important;
}
body.exclusive-paper,
.texture-swatch.exclusive-paper .background-texture-1 {
  background: url(../patterns/exclusive-paper/exclusive-paper.png) left top repeat !important;
}
body.diagonal-noise,
.texture-swatch.diagonal-noise .background-texture-1 {
  background: url(../patterns/diagonal-noise/diagonal-noise.png) left top repeat !important;
}
body.paper,
.texture-swatch.paper .background-texture-1 {
  background: url(../patterns/paper/paper.png) left top repeat !important;
}
body.light-toast,
.texture-swatch.light-toast .background-texture-1 {
  background: url(../patterns/light-toast/light-toast.png) left top repeat !important;
}
body.black-linen-2,
.texture-swatch.black-linen-2 .background-texture-1 {
  background: url(../patterns/black-linen-v2/black-linen-v2.png) left top repeat !important;
}
body.carbon-fibre,
.texture-swatch.carbon-fibre .background-texture-1 {
  background: url(../patterns/carbon-fibre/carbon-fibre.png) left top repeat !important;
}
body.cartographer,
.texture-swatch.cartographer .background-texture-1 {
  background: url(../patterns/cartographer/cartographer.png) left top repeat !important;
}
body.circles,
.texture-swatch.circles .background-texture-1 {
  background: url(../patterns/circles/circles.png) left top repeat !important;
}
body.concrete-wall,
.texture-swatch.concrete-wall .background-texture-1 {
  background: url(../patterns/concrete-wall/concrete-wall.png) left top repeat !important;
}
body.denim,
.texture-swatch.denim .background-texture-1 {
  background: url(../patterns/denim/denim.png) left top repeat !important;
}
body.low-contrast-linen,
.texture-swatch.low-contrast-linen .background-texture-1 {
  background: url(../patterns/low-contrast-linen/low-contrast-linen.png) left top repeat !important;
}
body.wood,
.texture-swatch.wood .background-texture-1 {
  background: url(../patterns/wood-pattern/wood-pattern.png) left top repeat !important;
}
body.whitey,
.texture-swatch.whitey .background-texture-1 {
  background: url(../patterns/whitey/whitey.png) left top repeat !important;
}
body.fabric-plaid,
.texture-swatch.fabric-plaid .background-texture-1 {
  background: url(../patterns/fabric-plaid/fabric-plaid.png) left top repeat !important;
}
body.cartographer-light,
.texture-swatch.cartographer-light .background-texture-1 {
  background: url(../patterns/cartographer-light/cartographer-light.png) left top repeat !important;
}
/*END COLOR SCHEME/THEME*//*=Variables*/
.strong {
  font-weight: bold;
}
.ui-helper-hidden-accessible,
.hidden-element {
  display: none !important;
  visibility: hidden !important;
}
.temp-hidden {
  display: none;
}
.disabled-select-element {
  pointer-events: none;
}
.disabled-select-element.dk_container {
  background: #EFEFEF;
}
.disabled {
  pointer-events: none;
  background: #EFEFEF;
}
.right {
  float: right;
}
.left {
  float: left;
}
html.zurmo,
html.zurmo body {
  background: #DDDEDE;
  min-height: 100%;
}
.zurmo body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #545454;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.zurmo body a:link,
.zurmo body a:hover,
.zurmo body a:active,
.zurmo body a:visited {
  text-decoration: none;
  outline: none;
}
.zurmo body a:link img,
.zurmo body a:hover img,
.zurmo body a:active img,
.zurmo body a:visited img {
  border: none;
}
.zurmo body a:focus {
  outline: none;
}
/*=HTML5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
.ZurmoDefaultPageView,
.ZurmoPageView,
.PageView {
  position: relative;
  z-index: 1;
}
/*=Error View*/
.ErrorView h2 {
  margin: 0 0 100px 0;
  width: 85%;
  line-height: 150%;
}
/*=Login*/
#LoginView {
  height: 100%;
  margin: 30px;
  -webkit-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  /*999*/

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
}
#LoginView .form {
  width: 50%;
  float: right;
}
#LoginView .error {
  margin-bottom: 40px !important;
}
#login-form {
  padding: 5px 0 5px 15px;
  background: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#login-form > div {
  margin-bottom: 15px;
}
#login-form > div:last-child {
  margin-bottom: 0;
}
#login-form > div.clearfix {
  margin-bottom: 0;
}
#login-form label {
  display: inline-block;
  margin-bottom: 5px;
}
#login-form input[type="password"],
#login-form input[type="text"] {
  background: #fff !important;
  margin: 0 !important;
}
#login-form input[type="checkbox"] {
  float: left;
  margin-right: 10px !important;
  margin-top: 1px !important;
  clear: both;
}
#login-form .errorMessage {
  font-size: 11px;
  padding-top: 4px;
}
#Login {
  margin-left: 0;
}
.remember-me label {
  margin: 0 !important;
}
.remember-me .hasCheckBox + label {
  display: inline-block;
  position: relative;
  top: -4px;
  left: 6px;
}
#login-box {
  width: 500px;
  margin: 150px auto 0 -250px;
  height: 200px;
  position: relative;
  left: 50%;
}
#LoginLogo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 50%;
  padding-right: 10px;
  float: left;
  background: url(../images/ZurmoLogo.png) 56px 35px no-repeat;
}
.background-1 {
  background: #ffffff url(../images/landscape-1.png) left bottom repeat-x;
}
.background-2 {
  background: #ffffff url(../images/landscape-2.png) left bottom repeat-x;
}
.background-3 {
  background: #ffffff url(../images/landscape-3.png) left bottom repeat-x;
}
.background-4 {
  background: #ffffff url(../images/landscape-4.png) left bottom repeat-x;
}
.background-5 {
  background: #ffffff url(../images/landscape-5.png) left bottom repeat-x;
}
.background-6 {
  background: #ffffff url(../images/landscape-6.png) left bottom repeat-x;
}
/*=MastHead*/
#HeaderLinksView {
  height: 38px;
  max-width: 1600px;
  margin: 0 auto;
}
#corp-logo {
  float: left;
  height: 32px;
  position: relative;
  top: 3px;
  color: #fff;
  font-size: 20px;
  font-weight: 100;
}
#corp-logo img {
  max-height: 32px;
  display: inline-block;
  margin-right: 10px;
}
#corp-logo span {
  float: right;
  line-height: 32px;
  display: inline-block;
}
#HeaderLinksView > div {
  margin: 0 3% 0 3%;
}
#HeaderLinksView ul {
  list-style: none;
}
#HeaderLinksView li {
  position: relative;
  overflow: visible;
}
#HeaderLinksView li a {
  color: #fff;
  font-weight: bold;
}
#HeaderLinksView li a:hover {
  color: #fff !important;
}
#HeaderLinksView ul ul {
  z-index: 1;
  min-width: 110px;
  display: none;
  position: absolute;
  top: 37px;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#HeaderLinksView ul ul li {
  line-height: 100%;
}
#HeaderLinksView ul ul li:first-child a {
  border-top: none;
}
#HeaderLinksView ul ul li:last-child a {
  border-bottom: none;
}
#HeaderLinksView ul ul a {
  border-top: 1px solid #323232;
  border-bottom: 1px solid #181818;
  color: #EFEFEF;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 0;
}
#HeaderLinksView + div {
  -webkit-box-shadow: 0 0 10px 2px rgba(102, 102, 102, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(102, 102, 102, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(102, 102, 102, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(102, 102, 102, 0.5);
  box-shadow: 0 0 10px 2px rgba(102, 102, 102, 0.5);
}
.headerDropDown {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  min-width: 110px;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.headerDropDown li {
  line-height: 100%;
}
.headerDropDown li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
.headerDropDown li > a:hover {
  color: #fff !important;
}
.headerDropDownSpecial {
  z-index: 1;
  min-width: 110px;
  display: none;
  position: absolute;
  top: 37px;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.headerDropDownSpecial li {
  line-height: 100%;
}
.headerDropDownSpecial li:first-child a {
  border-top: none;
}
.headerDropDownSpecial li:last-child a {
  border-bottom: none;
}
.headerDropDownSpecial a {
  border-top: 1px solid #323232;
  border-bottom: 1px solid #181818;
  color: #EFEFEF;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 0;
}
#notifications {
  float: left;
  display: block;
  height: 38px;
  position: relative;
  z-index: 1;
}
#notifications.nav-open {
  color: #fff;
  border-left: 1px solid #444 !important;
  border-right: 1px solid #444 !important;
}
#notifications.nav-open .notifications-link {
  background-color: transparent;
  border: none;
  background-color: #252525;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #353535, #252525);
  background-image: -ms-linear-gradient(top, #353535, #252525);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #252525));
  background-image: -webkit-linear-gradient(top, #353535, #252525);
  background-image: -o-linear-gradient(top, #353535, #252525);
  background-image: linear-gradient(top, #353535, #252525);
}
#notifications.nav-open #notifications-link {
  border: none;
}
#notifications.nav-open #notifications-flyout {
  display: block !important;
}
#notifications.nav-open .z-spinner {
  display: block;
  margin: 0 auto;
  float: none;
}
.notifications-link {
  z-index: 10;
  position: relative;
  display: block;
  height: 100%;
}
.notifications-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}
.notifications-link:hover #notifications-link {
  border: none;
}
.notifications-link.unread #notifications-link {
  color: #ff0000 !important;
}
.notifications-link.all-read #notifications-link {
  color: #7bb730 !important;
}
#notifications-link {
  padding: 2px 17px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  margin-top: 12px  !important;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  background: url(../images/notifications-bubble.png) center top no-repeat;
}
#notifications-link strong {
  display: block;
  position: relative;
  top: -2px;
}
#user-toolbar {
  float: right;
}
#notifications-flyout {
  margin: -1px -1px 0 0;
  width: 400px;
  min-height: 35px;
  right: 0;
  position: absolute;
  padding: 5px 10px;
  z-index: 1;
  min-width: 110px;
  display: none;
  top: 38px;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#notifications-flyout .z-spinner {
  left: 50%;
  top: 5px;
  margin-left: -12px;
}
#notifications-flyout .single-notification {
  line-height: 125%;
  padding: 9px 0;
  border-top: 1px solid #323232;
  border-bottom: 1px solid #181818;
  color: #EFEFEF;
  position: relative;
}
#notifications-flyout .single-notification:first-child {
  border-top: none;
}
#notifications-flyout .single-notification:last-child {
  border-bottom: none;
}
#notifications-flyout .single-notification h4 {
  margin-bottom: 2px;
  color: #fff;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
#notifications-flyout .single-notification div {
  padding-right: 40px;
  font-size: 11px;
}
#notifications-flyout .single-notification .remove {
  position: absolute;
  top: 5px;
  right: 0;
  float: right;
  margin-right: 0;
}
#notifications-flyout .single-notification .remove:hover .icon:after {
  color: #fff !important;
}
#notifications-flyout .view-all-notifications {
  display: block;
  border-top: 1px solid #323232;
  color: #EFEFEF;
  font-size: 11px;
  padding: 9px 0;
}
#notifications-flyout a {
  color: #A7A7A7 !important;
  text-decoration: underline;
}
#notifications-flyout a:hover {
  color: #fff !important;
}
#notifications-flyout img {
  margin-left: 182px;
  padding: 5px 0;
}
#user-header-menu,
#settings-header-menu,
#header-game-dashboard-link-wrapper {
  position: relative;
  z-index: 100;
  float: left;
  margin: 0;
}
#user-header-menu:hover > li > a,
#settings-header-menu:hover > li > a,
#header-game-dashboard-link-wrapper:hover > li > a {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
#user-header-menu:hover > li > a:after,
#settings-header-menu:hover > li > a:after,
#header-game-dashboard-link-wrapper:hover > li > a:after {
  color: #fff;
}
#user-header-menu.nav-open > li > a,
#settings-header-menu.nav-open > li > a,
#header-game-dashboard-link-wrapper.nav-open > li > a {
  color: #fff;
  border-left: 1px solid #444 !important;
  border-right: 1px solid #444 !important;
  background-color: #252525;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #353535, #252525);
  background-image: -ms-linear-gradient(top, #353535, #252525);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #252525));
  background-image: -webkit-linear-gradient(top, #353535, #252525);
  background-image: -o-linear-gradient(top, #353535, #252525);
  background-image: linear-gradient(top, #353535, #252525);
}
#user-header-menu.nav-open > li > a:after,
#settings-header-menu.nav-open > li > a:after,
#header-game-dashboard-link-wrapper.nav-open > li > a:after {
  color: #fff;
}
#user-header-menu.nav-open ul,
#settings-header-menu.nav-open ul,
#header-game-dashboard-link-wrapper.nav-open ul {
  display: block;
}
#user-header-menu > li > a,
#settings-header-menu > li > a,
#header-game-dashboard-link-wrapper > li > a {
  position: relative;
  z-index: 5;
  padding: 0 10px;
  line-height: 38px;
  display: block;
  overflow: visible;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  color: #ddd;
}
#user-header-menu > li > a:hover,
#settings-header-menu > li > a:hover,
#header-game-dashboard-link-wrapper > li > a:hover {
  color: #fff;
}
#user-header-menu ul,
#settings-header-menu ul,
#header-game-dashboard-link-wrapper ul {
  display: block;
  width: 110px;
}
#user-header-menu {
  margin-right: -1px;
}
#user-header-menu ul {
  right: 0;
  left: auto;
}
#user-header-menu > li > a:after {
  content: "÷";
  font-weight: normal !important !important;
  font-size: 12px !important;
  font-family: "zurmo_gamification_symbly_rRg" !important;
  color: #ddd;
  position: relative;
  top: 0;
  left: 4px;
  font-size: 10px;
  line-height: 1;
}
#settings-header-menu {
  margin-left: -1px;
}
#settings-header-menu > li {
  position: relative;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#settings-header-menu > li a {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#settings-header-menu > li > a span {
  display: inline-block;
  text-indent: -9999px;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#settings-header-menu > li > a:after {
  content: "n";
  color: #ddd;
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
#settings-header-menu ul {
  right: 0;
  display: none;
}
#header-game-dashboard-link {
  font-weight: normal !important;
  font-size: 28px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-align: center;
  color: #ddd;
  line-height: 18px;
  display: block;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  position: relative;
  top: 10px;
}
#header-game-dashboard-link.highlighted {
  color: #fff;
  -webkit-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.9);
  -ms-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.9);
  -o-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.9);
}
#header-game-dashboard-link-wrapper a {
  color: #ddd;
}
#header-game-dashboard-link-wrapper a:hover {
  color: #fff;
}
#GlobalSearchAndShortcutsCreateMenuView {
  height: 40px;
  max-width: 1600px;
  margin: 0 auto;
}
#app-search {
  margin-left: 3%;
  width: 341px;
  display: block;
  position: relative;
}
#app-search .z-spinner {
  z-index: 999999;
  position: absolute;
  margin-left: 316px;
  margin-top: 11px;
  float: none;
  display: block !important;
  left: auto;
  right: 2px;
}
body > .ui-autocomplete {
  width: 335px;
}
#globalSearchInput {
  font-style: italic;
  color: #999 !important;
  height: 23px;
  text-indent: 10px !important;
  line-height: 26px !important;
  height: 25px;
  width: 300px;
  border: 1px solid #d5d4d4;
  border-left: none;
  margin: 7px 0 0 -3px;
  float: left;
  background: url(../images/search-bar-gradient.png) left top repeat-x;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#globalSearchInput:focus {
  outline: 0;
  color: #545454;
  font-style: normal;
}
.autocomplete-icon-AccountsModule:before {
  content: "P";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-ContactsModule:before {
  content: "y";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-LeadsModule:before {
  content: ".";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-OpportunitiesModule:before {
  content: "9";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-TasksModule:before {
  content: "4";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-NotesModule:before {
  content: "3";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-MeetingsModule:before {
  content: "U";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
}
.autocomplete-icon-UsersModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: "e";
}
.autocomplete-icon-ProjectsModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: '\02C7';
}
.autocomplete-icon-ProductsModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: '\003E';
}
.autocomplete-icon-WorkflowsModule:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: '\20AC';
}
.autocomplete-icon-AllResults:before {
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 8px;
  content: "k";
}
.global-search-loopa {
  padding: 0;
  margin: 7px 0 0 0;
  height: 25px;
  float: left;
  line-height: 23px;
  width: 40px;
  border: 1px solid #d5d4d4;
  border-right: none;
  background: url(../images/search-bar-loopa.png) left top no-repeat;
}
#globalSearchInput .ui-multiselect-menu {
  min-width: 225px !important;
}
.ui-multiselect {
  padding: 0;
  text-align: left;
}
.ui-multiselect span.ui-icon {
  float: right;
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}
.ui-multiselect-header {
  margin-bottom: 0;
  padding: 0;
}
.ui-multiselect-header ul li {
  float: left;
  padding: 0 0 0 0;
}
.ui-multiselect-header a {
  text-decoration: none;
}
.ui-multiselect-header a:hover {
  text-decoration: underline;
}
.ui-multiselect-header span.ui-icon {
  float: left;
}
.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}
.ui-multiselect-menu {
  display: none;
  padding: 0;
  position: absolute;
  z-index: 10000;
}
.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto;
}
.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
}
.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}
.ui-multiselect-checkboxes li {
  clear: both;
  padding-right: 0;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  text-decoration: none;
}
.AppContainer {
  min-width: 900px;
  max-width: 1600px;
  height: 100%;
  margin: 0 3% 0 3%;
  background: #ffffff url(../images/nav.png) left top repeat-y;
  -webkit-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  /*999*/

  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  z-index: 0;
  position: relative;
}
#HeaderView {
  position: relative;
  z-index: 9999;
  min-width: 900px;
}
.TitleBarView {
  margin-bottom: 15px;
}
/*=Shortcuts nav*/
.GridView {
  position: relative;
}
#ShortcutsMenu {
  position: absolute;
  float: right;
  right: 3%;
  top: 7px;
}
#ShortcutsMenu > li {
  list-style: none !important;
}
#ShortcutsMenu > li > a {
  padding: 0 10px;
  display: block;
  line-height: 23px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #333333;
  background: #CCCCCC;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  font-weight: bold;
  border: 1px solid #DCDCDC;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  -ms-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  -o-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08);
  background-color: #c6c6c6;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #e0e0e0, #c6c6c6);
  background-image: -ms-linear-gradient(top, #e0e0e0, #c6c6c6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #c6c6c6));
  background-image: -webkit-linear-gradient(top, #e0e0e0, #c6c6c6);
  background-image: -o-linear-gradient(top, #e0e0e0, #c6c6c6);
  background-image: linear-gradient(top, #e0e0e0, #c6c6c6);
}
#ShortcutsMenu > li > a :after {
  content: "÷";
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 10px;
}
#ShortcutsMenu ul {
  list-style: none !important;
  margin-top: -8px;
  margin-left: 0px;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  min-width: 110px;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#ShortcutsMenu ul li {
  line-height: 100%;
}
#ShortcutsMenu ul li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
#ShortcutsMenu ul li > a:hover {
  color: #fff !important;
}
/*=Left Sidebar*/
#nav-trigger {
  display: none;
  float: left;
  text-align: center;
  padding: 0;
  margin-right: 15px;
  line-height: 38px;
  height: 38px;
  width: 44px;
  font-size: 24px;
  font-weight: normal;
  font-weight: normal !important;
  font-size: 30px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.AppNavigation {
  width: 170px;
  float: left;
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #f4f4f4);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f4f4f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f4f4f4);
  background-image: -o-linear-gradient(top, #f6f6f6, #f4f4f4);
  background-image: linear-gradient(top, #f6f6f6, #f4f4f4);
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  height: 100%;
  overflow: hidden;
  display: block;
  overflow: visible;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.AppNavigation li {
  list-style: none;
}
#MenuView {
  padding: 20px 0 0 0;
  border-bottom: 1px solid #cccccc;
}
#MenuView .parent {
  position: relative;
}
#MenuView .parent > ul {
  display: none;
  position: absolute;
  left: 170px;
  top: -20px;
  padding: 5px 5px;
  background: #fefefe url(../images/sidebar-gradient.png) left top repeat-x;
  border: 1px solid #ccc;
  width: 160px;
  -webkit-box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.25);
  -moz-box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.25);
  -ms-box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.25);
  -o-box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.25);
  box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.25);
  z-index: 9999;
}
#MenuView .parent > ul a span {
  margin-left: 0;
}
/*#MenuView .parent > a*/
#MenuView .nav li {
  *zoom: 1;
}
#MenuView .nav li:before,
#MenuView .nav li:after {
  content: " ";
  display: table;
}
#MenuView .nav li:after {
  clear: both;
}
#MenuView ul a {
  height: 35px;
  width: 100%;
  display: block;
  float: left;
  position: relative;
  z-index: 1;
}
#MenuView ul a > span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #545454;
  text-decoration: none;
  width: 160px;
  line-height: 33px;
  text-indent: 16px;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-left: 5px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  /*Conversation button*/

}
#MenuView ul a > span > span {
  position: relative;
  top: -2px;
  margin-left: 10px;
  width: 18px;
  height: 16px;
  background: url(../images/notifications-bubble.png) center top no-repeat;
  line-height: 11px;
  text-align: center;
  text-indent: 0;
  font-size: 10px;
  display: inline-block;
  background-color: none !important;
  padding-top: 1px;
}
#MenuView ul a > span > span.unread #notifications-link.tooltip {
  color: #ff0000 !important;
}
#MenuView ul a > span > span.all-read #notifications-link.tooltip {
  color: #7bb730 !important;
}
#MenuView li.active > a > span,
#MenuView a:hover > span {
  background-image: url(../images/main-nav-selected.png);
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
}
#MenuView li.active > a > span > span,
#MenuView a:hover > span > span {
  color: #545454 !important;
}
#MenuView li.active > a > span {
  color: #fff;
}
#MenuView.hasNoHiddenItems {
  padding-bottom: 20px;
}
#MenuView.hasNoHiddenItems .toggle-hidden-nav-items {
  display: none;
}
.hidden-nav-item {
  display: none;
}
.toggle-hidden-nav-items {
  display: block;
  text-align: center;
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
  cursor: pointer;
  position: relative;
  top: 8px;
}
.toggle-hidden-nav-items:after {
  content: "···";
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -ms-text-shadow: 0 1px 0 #ffffff;
  -o-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}
/*=Recently Viewed*/
#RecentlyViewedView {
  background-color: #e3e3e3;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #dcdcdc, #e3e3e3);
  background-image: -ms-linear-gradient(top, #dcdcdc, #e3e3e3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(top, #dcdcdc, #e3e3e3);
  background-image: -o-linear-gradient(top, #dcdcdc, #e3e3e3);
  background-image: linear-gradient(top, #dcdcdc, #e3e3e3);
  border-top: 1px solid #F9F9FA;
  padding: 20px 5px;
  width: 160px;
}
#RecentlyViewedView h3 {
  color: #666;
  font-size: 10px;
  margin-bottom: 20px;
}
#RecentlyViewedView li {
  font-size: 12px;
  font-weight: bold;
  color: #555;
  margin: 0 0 1px 0;
  padding: 0;
}
#RecentlyViewedView li a {
  width: 160px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 33px;
  vertical-align: middle;
  display: block;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
#RecentlyViewedView li a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 33px;
  z-index: 0;
  text-indent: 35px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#RecentlyViewedView li a span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 33px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 0;
  text-indent: 0;
}
#RecentlyViewedView li a:hover span {
  background-image: url(../images/main-nav-selected.png);
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
}
#RecentlyViewedView li em {
  z-index: 9999;
  position: absolute;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  line-height: 22px;
  vertical-align: top;
  background: #FFF;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  margin-left: 4px;
  margin-right: 8px;
  position: relative;
  top: 4px;
  font-style: normal;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#RecentlyViewedView {
  /*deafult for if an icon doesnt exist*/

}
#RecentlyViewedView li em:before {
  content: "z";
}
#RecentlyViewedView li.type-ConversationsModule em {
  padding-top: 3px;
  padding-right: 3px;
}
#RecentlyViewedView li.type-ConversationsModule em:before {
  content: "b";
}
#RecentlyViewedView li.type-UsersModule em:before {
  content: "e";
}
#RecentlyViewedView li.type-AccountsModule em:before {
  content: "P";
}
#RecentlyViewedView li.type-ContactsModule em:before {
  content: "y";
}
#RecentlyViewedView li.type-OpportunitiesModule em {
  padding-top: 2px;
}
#RecentlyViewedView li.type-OpportunitiesModule em:before {
  content: "9";
}
#RecentlyViewedView li.type-LeadsModule em:before {
  content: ".";
}
#RecentlyViewedView li.type-TasksModule em:before {
  content: "4";
}
#RecentlyViewedView li.type-MeetingsModule em:before {
  content: "U";
}
#RecentlyViewedView li.type-NotesModule em {
  padding-left: 4px;
  padding-top: 1px;
}
#RecentlyViewedView li.type-NotesModule em:before {
  content: "3";
}
#RecentlyViewedView li.type-EmailMessageModule em:before {
  content: "g";
}
#RecentlyViewedView li.type-MissionsModule em:before {
  content: "Q";
}
#RecentlyViewedView li.type-ReportsModule em:before {
  content: "V";
}
#RecentlyViewedView li.type-EmailTemplatesModule em:before {
  content: '\00B6';
}
#RecentlyViewedView li.type-MarketingListsModule em:before {
  content: '\0022';
}
#RecentlyViewedView li.type-WorkflowsModule em:before {
  content: '\20AC';
}
#RecentlyViewedView li.type-ProductsModule em:before {
  content: '\003E';
}
#RecentlyViewedView li.type-ProductTemplatesModule em:before {
  content: '\00AC';
}
#RecentlyViewedView li.type-ProductsCategoryModule em:before {
  content: '\00D7';
}
#RecentlyViewedView li.type-CampaignsModule em:before {
  content: '\002C';
  font-size: 26px;
}
#RecentlyViewedView li.type-GameRewardsModule em:before {
  content: '\2205';
  font-size: 30px;
}
#RecentlyViewedView li.type-ProjectsModule em:before {
  content: '\02C7';
  font-size: 22px;
}
/*=Content*/
.AppContent {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 20px 20px 0 20px;
  margin-left: 172px;
  margin-bottom: 20px;
  background-color: #ffffff ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), color-stop(100px, #ffffff), to(#ffffff)) ;
  background-image: -webkit-linear-gradient(#f6f6f6, #ffffff 100px, #ffffff) ;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff 100px, #ffffff) ;
  background-image: -ms-linear-gradient(#f6f6f6, #ffffff 100px, #ffffff) ;
  background-image: -o-linear-gradient(#f6f6f6, #ffffff 100px, #ffffff) ;
  background-image: linear-gradient(#f6f6f6, #ffffff 100px, #ffffff) ;
  *zoom: 1;
}
.AppContent:before,
.AppContent:after {
  content: " ";
  display: table;
}
.AppContent:after {
  clear: both;
}
.AppContent .single-column {
  padding-right: 0 !important;
}
.AppContent .single-column > .GridView {
  display: block;
  width: 100% !important;
}
.AppContent .single-column .juiportlet-widget,
.AppContent .single-column .details-table {
  margin-right: 0 !important;
  *zoom: 1;
}
.AppContent .single-column .juiportlet-widget:before,
.AppContent .single-column .details-table:before,
.AppContent .single-column .juiportlet-widget:after,
.AppContent .single-column .details-table:after {
  content: " ";
  display: table;
}
.AppContent .single-column .juiportlet-widget:after,
.AppContent .single-column .details-table:after {
  clear: both;
}
.AppContent .single-column .right-side-edit-view-panel {
  top: 55px;
}
.AppContent .single-column #inline-edit-form .panel {
  width: 100%;
}
.DynamicSearchView {
  position: relative;
  float: left;
  width: 100%;
}
#MashableInboxActionBarForViews > div,
#ActionBarSearchAndListView > div {
  position: relative;
}
#MashableInboxActionBarForViews > :nth-child(1),
#ActionBarSearchAndListView > :nth-child(1) {
  z-index: 10;
}
#MashableInboxActionBarForViews > :nth-child(2),
#ActionBarSearchAndListView > :nth-child(2) {
  z-index: 9;
}
#MashableInboxActionBarForViews > :nth-child(3),
#ActionBarSearchAndListView > :nth-child(3) {
  z-index: 8;
}
#MashableInboxActionBarForViews > :nth-child(4),
#ActionBarSearchAndListView > :nth-child(4) {
  z-index: 7;
}
#MashableInboxActionBarForViews > :nth-child(5),
#ActionBarSearchAndListView > :nth-child(5) {
  z-index: 6;
}
#MashableInboxActionBarForViews > :nth-child(6),
#ActionBarSearchAndListView > :nth-child(6) {
  z-index: 5;
}
/*=dashboard*/
#HomeDashboardView .view-toolbar-container {
  position: relative;
  z-index: 10;
}
#HomeDashboardView .juiportlet-columns {
  position: relative;
  z-index: 1;
}
/*=Inner toolbar*/
.float-bar {
  width: 100%;
  float: left;
  position: relative;
  height: 40px;
  display: block;
  z-index: 10;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
  margin-bottom: 15px;
}
.float-bar .view-toolbar-container {
  z-index: 222222;
  position: fixed !important;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.3);
  background-color: #ffffff ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), color-stop(80%, #f5f5f5), to(#ffffff)) ;
  background-image: -webkit-linear-gradient(#f5f5f5, #f5f5f5 80%, #ffffff) ;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f5f5f5 80%, #ffffff) ;
  background-image: -ms-linear-gradient(#f5f5f5, #f5f5f5 80%, #ffffff) ;
  background-image: -o-linear-gradient(#f5f5f5, #f5f5f5 80%, #ffffff) ;
  background-image: linear-gradient(#f5f5f5, #f5f5f5 80%, #ffffff) ;
  padding-bottom: 15px;
  margin-left: -20px;
  left: 50%;
  bottom: 0;
  float: left;
  width: auto;
}
.float-bar .view-toolbar-container.dock {
  position: relative !important;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-top: 1px solid #CCC;
}
.view-toolbar-container {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 9999;
}
h1 + .view-toolbar-container {
  margin-top: 15px;
}
.widgets-lock {
  position: relative;
  margin-top: -36px;
  margin-bottom: 15px;
  float: right;
}
.widgets-lock .pillbox {
  float: right;
  margin-bottom: 0 !important;
}
#AddPortletLink i {
  top: -2px;
  margin-right: 5px;
}
.juiportlet-widget-head .view-toolbar-container {
  float: right;
  width: auto;
}
.juiportlet-widget-head .view-toolbar {
  margin-bottom: 0;
}
form .view-toolbar-container,
.ActionBarForSecurityTreeListView .view-toolbar-container,
#ActionBarForDesignerModuleView .view-toolbar-container,
#LeaderboardView .view-toolbar-container,
#UsersPageView .view-toolbar-container {
  float: none;
}
.view-toolbar,
.portlet-view-toolbar {
  font-size: 11px;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  float: left;
  margin: 0 0 15px 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x;
}
.view-toolbar .z-label,
.portlet-view-toolbar .z-label {
  float: none;
  padding: 0;
  display: inline;
}
.view-toolbar > a,
.portlet-view-toolbar > a,
.view-toolbar .parent > a,
.portlet-view-toolbar .parent > a {
  color: #656565;
  font-weight: bold;
  text-shadow: #ffffff 0 -1px 0;
  padding: 0 10px 0 10px;
  display: inline-block;
  position: relative;
  border-left: none;
  border-left: 1px solid #bababa;
  text-indent: 0 !important;
  line-height: 30px;
  vertical-align: middle;
}
.view-toolbar .parent > a:after,
.portlet-view-toolbar .parent > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 10px;
  position: relative;
  top: 1px;
}
.view-toolbar ul:first-child .parent > a,
.portlet-view-toolbar ul:first-child .parent > a {
  border-left: none;
}
.view-toolbar > ul,
.portlet-view-toolbar > ul,
.view-toolbar > a,
.portlet-view-toolbar > a {
  display: inline-block;
}
.view-toolbar ul,
.portlet-view-toolbar ul {
  list-style: none;
}
.view-toolbar .parent > ul,
.portlet-view-toolbar .parent > ul {
  margin-top: 0;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  min-width: 110px;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
  left: auto;
}
.view-toolbar .parent > ul li,
.portlet-view-toolbar .parent > ul li {
  line-height: 100%;
}
.view-toolbar .parent > ul li > a,
.portlet-view-toolbar .parent > ul li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
.view-toolbar .parent > ul li > a:hover,
.portlet-view-toolbar .parent > ul li > a:hover {
  color: #fff !important;
}
.view-toolbar > a:first-child,
.portlet-view-toolbar > a:first-child {
  border-left: none;
}
.view-toolbar + .view-toolbar {
  float: right;
}
.portlet-view-toolbar {
  float: right;
  margin: 0 0 0 0;
}
.portlet-view-toolbar .parent {
  position: relative;
}
.portlet-view-toolbar ul:last-child {
  border-right: 1px solid #d7d7d7;
}
#ActionBarForGroupsTreeListView .view-toolbar,
#ActionBarSearchAndListView .view-toolbar {
  margin-top: 0;
}
.view-toolbar-link {
  color: #656565;
  font-weight: bold;
  text-shadow: #ffffff 0 -1px 0;
  padding: 0 10px 0 10px;
  line-height: 30px;
  display: inline-block;
  border-left: 1px solid #bababa;
}
.view-toolbar-link:active {
  color: #656565;
  box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #ffffff;
}
.mini-pillbox label {
  margin-right: 10px;
  font-size: 11px !important;
  line-height: 26px !important;
}
.mini-pillbox .pills {
  display: inline-block;
  font-size: 11px;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x;
}
.mini-pillbox a {
  font-weight: 700;
  position: relative;
  color: #656565;
  text-shadow: #fff 0 1px 0;
  padding: 0 6px;
  line-height: 24px;
  display: inline-block;
  border-left: 1px solid #bababa;
}
.mini-pillbox a:first-child {
  border-left: none;
}
.mini-pillbox a:active {
  color: #656565;
  box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #ffffff;
}
.hasDetailsFlyout .DetailsView > div:not(.view-toolbar-container) {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  line-height: 150%;
  margin: 10px 0;
}
.hasDetailsFlyout ul {
  max-width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  line-height: 150%;
}
/*=Footer*/
#FooterView {
  margin: 20px 3% 0 3%;
  padding-bottom: 20px;
}
.xhtml-validation-info,
.performance-info {
  text-align: left;
  margin: 0 3% 15px 3%;
  font-style: italic;
  font-size: 11px;
}
#credit-link {
  background: url(../images/Zurmo.png) left top no-repeat;
  line-height: 19px;
  display: inline-block;
  margin-left: 10px;
  font-size: 11px;
}
#credit-link span {
  margin-left: 70px;
}
.ui-chooser {
  float: right;
  display: block;
}
.ui-chooser span {
  display: inline-block;
  text-indent: -9999px;
  display: none;
}
.ui-chooser a {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  margin: 0 0 0 5px;
  cursor: pointer;
  font-weight: bold;
  color: #656565;
  font-style: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-chooser .active {
  color: #7CB830;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-text-shadow: 0 0 15px #7cb830;
  -moz-text-shadow: 0 0 15px #7cb830;
  -ms-text-shadow: 0 0 15px #7cb830;
  -o-text-shadow: 0 0 15px #7cb830;
  text-shadow: 0 0 15px #7cb830;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
#list-view {
  overflow-x: hidden;
  position: relative;
}
#list-view .items-wrapper {
  border: 1px solid #dfdfdf;
}
.items-wrapper {
  overflow-x: auto;
  background: -webkit-linear-gradient(left, #ffffff 30%, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 70%) 100%, -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0;
  background-repeat: no-repeat;
  background-size: 30px 100%, 30px 100%, 15px 100%, 15px 100%;
  background-attachment: local, local, scroll, scroll;
}
.items {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.items > tbody > tr > td,
.items > thead > tr > td {
  border: 1px solid #DFDFDF;
  border-right: none;
  border-left: none;
  vertical-align: middle;
  padding: 10px 5px;
  word-wrap: break-word;
}
.items > tbody > tr > th,
.items > thead > tr > th {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: url(../images/table-items-header.png) left top repeat-x;
  padding: 0 5px;
  white-space: nowrap;
}
.items tr:hover {
  background-color: #eeeeee;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #efefef, #eeeeee);
  background-image: -ms-linear-gradient(top, #efefef, #eeeeee);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #efefef, #eeeeee);
  background-image: -o-linear-gradient(top, #efefef, #eeeeee);
  background-image: linear-gradient(top, #efefef, #eeeeee);
}
.items tr:hover .pencil {
  visibility: visible;
}
.items > thead {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: linear-gradient(top, #f9f9f9, #f4f4f4);
}
.items > thead tr:hover {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: linear-gradient(top, #f9f9f9, #f4f4f4);
}
.items > tbody tr:last-child,
.items > tbody tr:last-child td {
  border-bottom: none;
}
.items > tbody tr td:first-child:not(.checkbox-column),
.items > tbody tr th:first-child:not(.checkbox-column) {
  padding-left: 10px;
}
.stacked-list {
  table-layout: fixed;
}
.stacked-list td + td {
  width: 25px;
}
.stacked-list td {
  padding-left: 0;
}
.stacked-list td div.button-column {
  display: none;
  float: right;
  margin: 5px 0 0 0;
  line-height: 100%;
}
.stacked-list td div.checkbox-column {
  float: left;
  margin: -6px 0 0 0 !important;
  width: auto;
}
.stacked-list td div.checkbox-column label {
  margin: 0 5px 0 0;
}
.stacked-list td div.checkbox-column ~ div {
  padding-left: 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stacked-list td > div {
  margin: 0 0 2px 0;
}
.stacked-list td > div:last-child {
  margin-bottom: 0;
}
.stacked-list td input[type="checkbox"] {
  margin-right: 10px;
  margin-top: 2px;
  float: left;
}
.stacked-list .star-column {
  margin: -6px 15px 0 0 !important;
  float: right;
}
.stacked-list tr:first-child > div:first-child {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.juiportlet-widget-content .stacked-list {
  border: none;
}
.juiportlet-widget-content .stacked-list tr:first-child td {
  border-top: none !important;
}
.sort-link:after {
  margin-left: 10px;
  font-size: 12px;
  position: relative;
  top: -1px;
}
.sort-link.asc:after {
  content: "↑";
}
.sort-link.desc:after {
  content: "↓";
}
tr.odd {
  background: none;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}
tr.even {
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
}
.checkbox-column {
  width: 30px;
  text-align: center;
}
.checkbox-column .hasCheckBox {
  margin: -4px auto 0 auto;
}
.button-column {
  width: 35px;
  text-align: center;
  vertical-align: middle !important;
}
.pencil {
  display: block;
  margin-top: -2px;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  visibility: hidden;
}
.star-column {
  width: 20px;
  text-align: center;
  padding: 0 !important;
}
.icon-star {
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #ccc !important;
  -webkit-text-shadow: 0 0 1px #333333;
  -moz-text-shadow: 0 0 1px #333333;
  -ms-text-shadow: 0 0 1px #333333;
  -o-text-shadow: 0 0 1px #333333;
  text-shadow: 0 0 1px #333333;
  top: -1px;
  position: relative;
  line-height: 1;
}
.icon-star:hover,
.icon-star.starred {
  color: #ffef42 !important;
}
#list-view_columnStar {
  line-height: 1;
  width: 20px;
  text-align: center;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#list-view_columnStar .icon-star {
  top: 0;
  left: -2px;
}
h1 .icon-star,
.juiportlet-widget-head .icon-star {
  top: 1px;
  margin-left: 5px;
}
.juiportlet-widget .empty {
  padding: 5px 0 10px 0;
  display: block;
}
.juiportlet-widget td.empty > .empty {
  padding: 0 !important;
}
.empty {
  display: block;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
.empty .icon-empty {
  display: block;
  line-height: 1;
  margin: 0;
}
.empty .icon-empty:before {
  margin: 0;
  font-size: 40px;
  line-height: 1;
}
td.empty {
  display: table-cell !important;
  border-top: none !important;
}
.icon-notice:before {
  content: "j";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-empty:before {
  content: "z";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 !important;
}
.general-issue-notice {
  text-align: center;
  width: 75%;
  margin: 10px auto 15px auto !important;
  position: relative;
}
.general-issue-notice .icon-notice {
  display: block;
  line-height: 1;
}
.general-issue-notice .icon-notice:before {
  margin: 0;
  font-size: 40px;
}
/*forms*/
input[type="text"],
input[type="password"],
select.multiple,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666 !important;
  text-indent: 6px;
  line-height: 24px;
  height: 26px;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  /* http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/ */

  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=270);
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
textarea,
select.multiple {
  height: auto;
}
textarea {
  line-height: 135%;
  text-indent: 0;
  padding: 4px;
  word-break: normal;
  min-height: 60px;
}
select.multiple {
  padding: 4px 4px 4px 6px;
}
select.multiple option {
  margin-bottom: 2px;
}
select[disabled="disabled"],
input[type="text"][disabled],
input[type="password"][disabled],
textarea[disabled] {
  background: #EFEFEF;
}
.form input[type="checkbox"] {
  margin: 0 0 10px 0 !important;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
}
.form form {
  border: 1px solid #CCC;
  -webkit-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  /*999*/

  background: #ffffff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
}
.form form thead tr th:first-child,
.form form tbody tr td:first-child {
  padding-left: 15px;
}
.row-description {
  display: inline-block;
  font-style: italic;
  font-size: 11px;
  padding: 0 0 5px 0;
}
.row-description:before {
  content: "T";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 6px;
  font-style: normal;
  position: relative;
  top: 2px;
}
.hasCheckBox + .row-description {
  margin-left: 10px;
}
.AppContent label {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}
/*=Form Edit Account*/
.modal-view-toolbar,
.form-toolbar {
  padding-top: 13px;
  text-align: center;
  border-top: 1px solid #fff;
}
.modal-view-toolbar a,
.form-toolbar a {
  display: inline-block;
  margin: 0 10px;
}
.portlet-toolbar {
  float: right;
  margin-right: 10px;
}
.portlet-toolbar a {
  line-height: 25px;
  margin: 0;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #bababa;
  color: #656565;
  display: inline-block;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  font-size: 11px;
}
.portlet-toolbar a .z-label {
  padding: 0 10px 0 10px;
  float: none;
}
.portlet-toolbar a:not(.attachLoading) {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.portlet-toolbar a:active {
  color: #656565;
  -webkit-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
}
.portlet-toolbar .icon-create:before {
  content: "";
  margin: 0;
  padding: 0;
  display: none;
}
.portlet-toolbar .icon-create .z-label:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 22px;
  top: -2px;
  margin: 0 5px 0 0 !important;
}
.portlet-toolbar .icon-delete:before {
  content: "—";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -1px;
  color: #fff;
  margin-left: 0;
}
.portlet-toolbar .icon-edit:before {
  content: "!";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -1px;
  color: #fff;
  margin-left: 0;
}
body div.form-toolbar a.simple-link:not(.z-button) {
  background: none !important;
  background-image: none !important;
  -webkit-box-shadow: none  !important;
  -moz-box-shadow: none  !important;
  -ms-box-shadow: none  !important;
  -o-box-shadow: none  !important;
  box-shadow: none  !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 0  !important;
  border: none !important;
  text-decoration: underline;
  font-weight: normal;
}
body div.form-toolbar a.simple-link:not(.z-button):hover span.z-label {
  background: none !important;
  background-image: none !important;
  background: transparent !important;
}
body div.form-toolbar a.simple-link:not(.z-button) span.z-label {
  background: none !important;
  background-image: none !important;
  -webkit-box-shadow: none  !important;
  -moz-box-shadow: none  !important;
  -ms-box-shadow: none  !important;
  -o-box-shadow: none  !important;
  box-shadow: none  !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 0  !important;
  border: none !important;
  margin-left: 10px;
  text-decoration: underline;
  font-weight: normal;
}
body div.form-toolbar a.simple-link:not(.z-button) span.z-label:before {
  content: "" !important;
}
a.simple-link {
  background: none !important;
  background-image: none !important;
  -webkit-box-shadow: none  !important;
  -moz-box-shadow: none  !important;
  -ms-box-shadow: none  !important;
  -o-box-shadow: none  !important;
  box-shadow: none  !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 0  !important;
  border: none !important;
  margin-left: 10px;
  text-decoration: underline !important;
  font-size: 11px;
  font-weight: normal;
}
a.simple-link:before {
  content: "" !important;
}
.normal-size {
  font-size: 12px !important;
}
.portlet-toolbar a.simple-link {
  background: none !important;
}
/*=Popup Modals*/
/*
@-webkit-keyframes growDialog {
	to { -webkit-transform:scale(1, 1) }
}
*/
.openingModal {
  -o-animation: growDialog 0.25s;
  -ms-animation: growDialog 0.25s;
  -moz-animation: growDialog 0.25s;
  -webkit-animation: growDialog 0.25s;
  animation: growDialog 0.25s;
}
.ui-dialog {
  min-width: 600px;
  max-width: 50%;
  overflow: visible;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #CCCCCC;
  background: #fff;
  -webkit-box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.25);
  -moz-box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.25);
  -ms-box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.25);
  -o-box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.25);
  box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.25);
  /*33*/

}
.ui-dialog .wide.form {
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  float: none;
}
.ui-dialog .wide.form form {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.ui-dialog .wide.form label {
  font-size: 12px !important;
  color: #666;
  font-weight: 400 !important;
  margin-bottom: 4px;
}
.ui-dialog .ui-dialog-title {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px;
  font-weight: bold;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  height: 40px;
  line-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #dfdfdf;
  text-indent: 15px;
  width: 100%;
  height: 100%;
  display: block;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0 !important;
  margin: 0 !important;
  z-index: 11000;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px !important;
  height: 31px !important;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
  z-index: 11000;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  border: none;
  background: none;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  background: transparent url(../images/widget-close-btn.png) left top no-repeat;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 31px !important;
  text-indent: -9999px;
  display: block;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:hover {
  background: transparent url(../images/widget-close-btn.png) left top no-repeat;
}
.big-spinner {
  margin: 15px 50%;
  display: block;
}
.ui-resizable-handle {
  z-index: 0;
}
.ui-corner-all {
  border-radius: 0;
}
.ui-widget-header {
  border: none !important;
  background: none !important;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.ui-sortable {
  list-style: none;
}
.ui-sortable > .ui-state-highlight {
  min-height: 45px;
  background: #efefef;
}
/*=Checkboxes*/
label.hasCheckBox {
  display: block;
  background: url(../images/checkbox.png) left 4px no-repeat;
  width: 16px;
  height: 20px;
  padding: 0;
  margin: 0;
}
label.hasCheckBox.c_on {
  background: url(../images/checkbox.png) left -21px no-repeat;
}
label.hasCheckBox input {
  position: absolute;
  left: -9999px;
}
label.hasCheckBox.disabled {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
label.hasCheckBox + label {
  margin-left: 8px;
  margin-top: 6px;
}
div.wide.form {
  position: relative;
  width: 100%;
  float: left;
}
div.wide.form label.hasCheckBox {
  margin-top: 0 !important;
}
.ui-multiselect-checkboxes label {
  padding-left: 25px;
  background: url(../images/checkbox.png) left 4px no-repeat;
  margin-left: 0px;
}
.ui-multiselect-checkboxes label.c_on {
  background: url(../images/checkbox.png) left -21px no-repeat;
}
.ui-multiselect-checkboxes label input {
  position: absolute;
  left: -9999px;
}
/*=LIST VIEW*/
/*=Search Scope box, and account list*/
.list-item-details {
  display: inline-block;
  float: right;
  font-weight: normal;
  color: #999;
  margin-right: 5px;
  font-size: 11px;
}
.last-comment {
  font-weight: 400;
  color: #666;
  margin-left: 5px;
  font-style: italic;
}
.summary {
  display: none;
}
.list-view-items-summary-clone {
  font-size: 11px;
  float: right;
  position: absolute;
  z-index: 100;
  right: 15px;
  margin: 20px 0 0 0;
  color: #666;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.juiportlet-widget-head .list-view-items-summary-clone {
  position: relative;
  margin: 0;
}
.list-preloader {
  z-index: 1000;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 30px 0 rgba(100, 100, 100, 0.7);
  -moz-box-shadow: 0 0 30px 0 rgba(100, 100, 100, 0.7);
  -ms-box-shadow: 0 0 30px 0 rgba(100, 100, 100, 0.7);
  -o-box-shadow: 0 0 30px 0 rgba(100, 100, 100, 0.7);
  box-shadow: 0 0 30px 0 rgba(100, 100, 100, 0.7);
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  margin: -15px 0 0 -15px;
}
.list-preloader .z-spinner {
  width: auto;
  height: auto;
  display: block;
  margin: 4px 0 0 4px;
}
.juiportlet-widget .list-preloader {
  top: 50%;
}
.overlay-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.overlay-spinner .big-spinner {
  width: auto;
  height: auto;
  display: block;
}
.loading > .list-preloader {
  display: block;
}
.cgrid-view.loading > .list-preloader {
  display: block;
}
/*
#NoUserEmailConfigurationYetView,
#NoGlobalEmailConfigurationYetView,
.ZeroModelsYetView*/
.zero-components-view h2,
.splash-view h2 {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 48px;
  line-height: 1;
  font-weight: normal;
  padding: 15px 50px 15px 30px;
}
.zero-components-view i,
.splash-view i {
  font-size: 13px;
  color: #555;
  font-weight: bold;
  display: block;
  margin-left: 30px;
}
.zero-components-view p,
.splash-view p {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  font-weight: bold;
  float: left;
  width: 65%;
  margin: 45px 0 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.zero-components-view a,
.splash-view a {
  margin-left: 30px;
  margin-top: 30px;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.zero-components-view a span:before,
.splash-view a span:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 1px;
  left: -5px;
  margin-right: 3px;
}
.zero-components-view .large-icon,
.splash-view .large-icon {
  width: 25%;
  text-align: center;
  margin-top: 30px;
  border-right: 1px solid #ccc;
  float: left;
}
.zero-components-view .large-icon:after,
.splash-view .large-icon:after {
  content: 'j';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Contact .large-icon:after,
.splash-view .Contact .large-icon:after {
  content: "y";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 50%;
}
.zero-components-view .Account .large-icon:after,
.splash-view .Account .large-icon:after {
  content: "P";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 65%;
}
.zero-components-view .Lead .large-icon:after,
.splash-view .Lead .large-icon:after {
  content: ".";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 65%;
}
.zero-components-view .Opportunity .large-icon:after,
.splash-view .Opportunity .large-icon:after {
  content: "9";
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 80%;
}
.zero-components-view .Conversation .large-icon:after,
.splash-view .Conversation .large-icon:after {
  content: "b";
  font-weight: normal !important;
  font-size: 230px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 90%;
}
.zero-components-view .Mission .large-icon:after,
.splash-view .Mission .large-icon:after {
  content: "Q";
  font-weight: normal !important;
  font-size: 230px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 80%;
}
.zero-components-view .EmailMessage .large-icon:after,
.splash-view .EmailMessage .large-icon:after {
  content: "g";
  font-weight: normal !important;
  font-size: 325px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .EmailTemplate .large-icon:after,
.splash-view .EmailTemplate .large-icon:after {
  content: '\00B6';
  font-weight: normal !important;
  font-size: 325px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .MarketingList .large-icon:after,
.splash-view .MarketingList .large-icon:after {
  content: '\0022';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Campaign .large-icon:after,
.splash-view .Campaign .large-icon:after {
  content: '\002C';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Product .large-icon:after,
.splash-view .Product .large-icon:after {
  content: '\003E';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .ProductTemplate .large-icon:after,
.splash-view .ProductTemplate .large-icon:after {
  content: '\00AC';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .ProductCategory .large-icon:after,
.splash-view .ProductCategory .large-icon:after {
  content: '\00D7';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .ContactWebForm .large-icon:after,
.splash-view .ContactWebForm .large-icon:after {
  content: '\003C';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .GameReward .large-icon:after,
.splash-view .GameReward .large-icon:after {
  content: '\2205';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
.zero-components-view .Task .large-icon:after,
.splash-view .Task .large-icon:after {
  content: '4';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 62%;
}
.zero-components-view .Project .large-icon:after,
.splash-view .Project .large-icon:after {
  content: '\02C7';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 65%;
}
.zero-components-view .QueueModel .large-icon:after,
.splash-view .QueueModel .large-icon:after {
  content: '\00EF';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 52%;
}
#NoUserEmailConfigurationYetView .z-label {
  z-index: auto;
}
.ZurmoSearchView {
  padding: 0;
  -webkit-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  float: left;
  width: 100%;
}
#search-form {
  padding: 0 10px 15px 10px;
  border: 1px solid #dfdfdf;
  border-bottom: none;
  position: relative;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.12);
  /*999*/

  font-size: 11px;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
#search-form:before,
#search-form:after {
  content: " ";
  display: table;
}
#search-form:after {
  clear: both;
}
#search-form .form-toolbar,
#search-form .z-button {
  font-size: 12px;
}
#search-form table {
  border-bottom: none;
  width: 100%;
}
#search-form .filters-bar {
  width: auto;
  top: 20px;
}
#search-form .filters-bar > div {
  float: left;
  padding-left: 15px;
}
.SecuredListView {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
#MashableInboxListView,
#NotificationsForUserListView {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.filters-bar {
  font-size: 11px;
  padding-left: 8px;
  border-bottom: 1px solid #DFDFDF;
  width: 100%;
  min-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  position: relative;
  border: none;
  float: left;
  position: absolute;
  z-index: 51;
  left: 250px;
  top: 7px;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filters-bar label {
  cursor: pointer;
  border: none;
  background: none;
  font-size: 11px !important;
  padding: 3px;
  margin: 0 3px;
  white-space: nowrap;
}
.filters-bar label:hover {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
}
.filters-bar input[type="radio"],
.filters-bar input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
.filters-bar .ui-state-active {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
}
.filters-bar .ui-button-text {
  padding: 0;
  margin: 0;
}
.filters-bar > .ui-buttonset {
  padding-top: 14px;
}
.filters-bar > div + div {
  display: inline-block;
  margin-left: 15px;
}
.cgrid-view {
  position: relative;
}
.juiportlet-widget-content {
  width: 100%;
  height: 100%;
  display: block;
}
.juiportlet-widget-content .cgrid-view {
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}
.search-view-0 {
  margin: 15px 0 0 0;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  z-index: 50;
}
.search-view-0 table {
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  border: none;
}
.search-view-0 th {
  display: none;
  width: 0;
}
.search-view-0 .global-search-loopa {
  position: relative;
  top: 0;
  margin-top: 0;
  float: left;
}
.search-view-0 input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  left: -1px;
  width: 179px;
  float: right;
  margin: 0 0 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-style: italic;
  color: #999;
  text-indent: 10px;
  line-height: 25px;
  height: 25px !important;
  border: 1px solid #d5d4d4;
  border-left: none;
  background: url(../images/search-bar-gradient.png) left top repeat-x;
}
.search-view-0 input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.search-form-tools {
  position: absolute;
  z-index: 100;
  top: 16px;
  left: 265px;
  line-height: 25px;
  font-size: 11px;
}
.search-form-tools input[type="submit"] {
  border-top: 1px solid rgba(200, 200, 200, 0.4);
  border-left: 1px solid rgba(185, 185, 185, 0.4);
  border-right: 1px solid rgba(185, 185, 185, 0.4);
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  color: #666 !important;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-indent: 0;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
.search-form-tools input[type="submit"]:before,
.search-form-tools input[type="submit"]:after {
  content: " ";
  display: table;
}
.search-form-tools input[type="submit"]:after {
  clear: both;
}
.search-form-tools input[type="submit"].attachLoading.z-button {
  color: #fff;
}
.search-form-tools input[type="submit"]:not(.attachLoading):not(.green-button) .z-label {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.search-form-tools > a {
  margin-right: 25px;
}
#more-search-linkmodal,
#more-search-link {
  margin-left: 0;
}
#more-search-linkmodal:after,
#more-search-link:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 1px;
  margin-left: 5px;
}
#kanban-board-options-link:after,
#select-list-attributes-link:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 1px;
  margin-left: 5px;
}
#mixed-models-form-search {
  margin-left: 15px;
  color: #fff;
}
#ModalView .list-view-items-summary-clone {
  margin: 10px 10px 0 0;
}
#ModalView .SearchView {
  position: relative;
  z-index: 5;
}
#ModalView .search-view-0 {
  margin: 5px 0 0 10px !important;
  width: 220px;
  float: left;
  z-index: 10000;
}
#ModalView .search-view-1 {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  z-index: 10000;
  min-width: 400px;
  max-width: 75%;
  height: auto;
  position: absolute;
  left: 250px;
  top: 35px;
  padding: 20px 20px 20px 20px;
  font-size: 11px;
}
#ModalView .search-view-1 input {
  position: relative;
  z-index: 5000;
}
#ModalView .search-view-1 td {
  padding-bottom: 15px;
}
#ModalView .search-view-1 th {
  width: 25%;
}
#ModalView .search-view-1 label {
  padding-top: 0;
}
#ModalView #clear-search-linkmodal {
  margin-left: 10px;
  color: #fff;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 11px;
}
#ModalView .items {
  border: none;
}
#ModalView .items thead tr:first-child th {
  border-top: none;
}
.kanban-board-options-view,
.select-list-attributes-view,
.search-view-1 {
  margin-top: 15px;
  z-index: 100;
  min-width: 400px;
  height: auto;
  float: left;
  width: 100%;
}
.kanban-board-options-view #cancel-advanced-search,
.select-list-attributes-view #cancel-advanced-search,
.search-view-1 #cancel-advanced-search {
  color: #656565;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.kanban-board-options-view #cancel-advanced-search .z-label,
.select-list-attributes-view #cancel-advanced-search .z-label,
.search-view-1 #cancel-advanced-search .z-label {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.kanban-board-options-view .view-toolbar-container,
.select-list-attributes-view .view-toolbar-container,
.search-view-1 .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
  z-index: 1;
}
.kanban-board-options-view > div,
.select-list-attributes-view > div,
.search-view-1 > div {
  display: block;
}
.kanban-board-options-view .view-toolbar-container,
.select-list-attributes-view .view-toolbar-container,
.search-view-1 .view-toolbar-container {
  display: inline-block;
}
.select-list-attributes-view label,
.search-view-1 label {
  padding-top: 7px;
  padding-right: 10px;
  width: 100%;
  display: block;
  text-align: left;
}
.select-list-attributes-view table {
  border-bottom: none;
}
.select-list-attributes-view td {
  padding-left: 0 !important;
}
.select-list-attributes-view .attributesContainer:after {
  display: none !important;
}
.select-list-attributes-view .multiselect-nav-updown {
  display: block;
  position: absolute;
  right: -75px;
  float: right;
  padding: 0 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75px;
  height: 75px;
  text-align: center;
  left: auto;
}
#clear-search-link {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
}
#clear-search-link .icon-clear {
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.mp-divider {
  padding: 0 2px;
}
#show-dynamic-search-structure-div-search-form {
  display: inline-block;
  width: 100%;
}
.search-view-1 > .hasDropDown {
  margin-bottom: 8px;
}
.dynamic-search-row {
  float: left;
  width: 100%;
  display: block;
  margin: 8px 0;
}
.dynamic-search-row > div {
  float: left;
  width: 100%;
}
.dynamic-search-row > div > span:first-child + div {
  margin-right: 0 !important;
  width: 45%;
  float: left;
}
.dynamic-search-row > div .criteria-value-container {
  margin-right: 30px !important;
  width: 45%;
  float: right;
}
.dynamic-search-row > div .has-model-select {
  float: left;
}
.dynamic-search-row label.hasCheckBox {
  margin-left: 0 !important;
}
.dynamic-search-row .remove-extra-dynamic-search-row-link {
  float: right;
  margin: 4px 0 0 -30px !important;
  position: relative;
  display: block;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #a7a7a7 !important;
}
.dynamic-search-row .dynamic-search-row-number-label {
  float: left;
  line-height: 26px;
  margin-right: 15px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.add-fields-container,
.search-save-container {
  float: left;
  display: inline-block;
  margin: 8px 3px 10px 0;
}
.dynamic-search-row + .add-fields-container,
.dynamic-search-row + .add-fields-container + .search-save-container {
  margin: 8px 3px 10px 0;
}
.add-fields-container a {
  margin-left: 23px;
  position: relative;
}
.add-fields-container .z-spinner {
  display: block !important;
  margin-top: -5px;
  margin-left: -20px;
}
.add-fields-container .z-label {
  font-weight: normal;
  padding: 0;
  line-height: 1;
  float: none;
}
#show-dynamic-search-structure-wrapper-search-form {
  display: block;
  width: 100%;
  float: left;
}
#show-dynamic-search-structure-div-link-search-form {
  display: block;
  margin-bottom: 15px;
  margin-left: 23px;
}
#save-search-area {
  width: 45%;
  margin-top: 5px;
  border-top: none;
}
#save-search-area input,
#save-search-area a {
  display: inline-block;
  width: auto;
  float: left;
  margin-right: 15px;
}
#save-search-area input {
  width: 50%;
  margin-left: 5px;
}
#save-search-area #removeSavedSearch {
  line-height: 26px;
  float: left;
  margin-left: 20px;
}
#save-search-area #removeSavedSearch .icon:after {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
#save-search-area #save-advanced-search {
  margin: 0;
}
#show-dynamic-search-structure-div-search-form input {
  text-indent: 40px;
}
#show-dynamic-search-structure-div-search-form span {
  width: auto;
  padding: 0 12px;
  font-weight: bold;
}
.ui-multiselect-menu {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  padding: 10px !important;
  overflow: hidden;
  min-width: 150px;
}
.ui-multiselect-menu label {
  padding-top: 0;
}
.ui-multiselect-menu input[type="checkbox"] {
  margin: 0 10px 0 0 !important;
}
.ui-multiselect-menu li {
  list-style: none;
  line-height: 25px;
  display: block;
}
/*=Edit + Add Account View*/
/*
.buffer{
	//.clearfix();
	//padding-left:30px;

	> div{
		float:left;
		padding:8px 10px;
		background:#F4F4F4;
		width:100%;
		.box-sizing();
	}
}
*/
.double-column .panel {
  float: left;
  width: 100% !important;
}
.double-column .panel table {
  width: 100% !important;
}
.double-column .right-side-edit-view-panel {
  margin-bottom: 15px;
  position: relative !important;
  float: left !important;
}
.double-column .right-side-edit-view-panel .buffer {
  padding-left: 5px;
}
.double-column .col-0,
.double-column .col-2 {
  width: 15% !important;
}
.double-column .col-1,
.double-column .col-3 {
  width: 35% !important;
}
.wide.form .col-0 {
  width: 30%;
}
.wide.form .col-1 {
  width: 70%;
}
.attributesContainer {
  padding-bottom: 15px;
  *zoom: 1;
}
.attributesContainer:before,
.attributesContainer:after {
  content: " ";
  display: table;
}
.attributesContainer:after {
  clear: both;
}
.left-column {
  padding: 15px 15px 15px 15px;
  float: left;
  width: 70%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.left-column.full-width {
  width: 100%;
  float: none;
}
.left-column.full-width + .right-column {
  display: none;
}
.left-column .left-column {
  padding: 0 15px 0 0;
}
.left-column .right-column {
  padding: 0 0 15px 0;
}
.right-column {
  float: right;
  width: 30%;
  padding: 15px 15px 15px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#modal-edit-form,
#edit-form,
#delete-form {
  *zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#modal-edit-form:before,
#edit-form:before,
#delete-form:before,
#modal-edit-form:after,
#edit-form:after,
#delete-form:after {
  content: " ";
  display: table;
}
#modal-edit-form:after,
#edit-form:after,
#delete-form:after {
  clear: both;
}
#modal-edit-form .panel table,
#edit-form .panel table,
#delete-form .panel table {
  width: 100% !important;
}
#modal-edit-form h3,
#edit-form h3,
#delete-form h3 {
  margin: 0 0 15px 0;
}
#modal-edit-form .panelTitle,
#edit-form .panelTitle,
#delete-form .panelTitle {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px;
  display: block;
}
#modal-edit-form .view-toolbar-container,
#edit-form .view-toolbar-container,
#delete-form .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
}
#modal-edit-form .hasCheckBox,
#edit-form .hasCheckBox,
#delete-form .hasCheckBox {
  margin: 8px 0 0 0;
  display: block;
}
#modal-edit-form .hasCheckBox input[type="checkbox"],
#edit-form .hasCheckBox input[type="checkbox"],
#delete-form .hasCheckBox input[type="checkbox"] {
  margin-bottom: 0 !important;
}
.form-fields {
  width: 100%;
  border-bottom: none;
  table-layout: fixed;
}
.form-fields th {
  vertical-align: text-top;
}
.form-fields td {
  vertical-align: top;
  position: relative;
}
.form-fields td table {
  width: 100%;
}
.form-fields td {
  padding-bottom: 15px;
}
#modal-edit-form {
  padding: 15px 15px 12px 15px;
}
.more-panels-link {
  font-size: 11px;
  position: relative;
  left: 0;
}
.ui-overlay-block {
  z-index: 250000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
}
.ui-overlay-block .big-spinner {
  position: relative;
  top: 30%;
  left: 50%;
  margin: 0 0 0 -34px;
}
.address-fields div:last-child {
  padding-bottom: 0;
}
.radio-input {
  clear: left;
  float: left;
  margin-bottom: 5px;
}
.radio-input input {
  float: left;
  margin-top: 1px !important;
}
.radio-input label {
  margin-left: 10px;
}
.right-side-edit-view-panel {
  padding: 8px 10px;
  background: #F4F4F4;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
.right-side-edit-view-panel:before,
.right-side-edit-view-panel:after {
  content: " ";
  display: table;
}
.right-side-edit-view-panel:after {
  clear: both;
}
.right-side-edit-view-panel p {
  line-height: 140%;
}
.right-side-edit-view-panel h3 {
  margin: 0 0 10px 0 !important;
}
.right-side-edit-view-panel label {
  width: 100%;
  display: block;
  line-height: 100%;
  padding-top: 0;
  margin-bottom: 5px;
}
.right-side-edit-view-panel #owner-box {
  margin-bottom: 15px;
  position: relative;
}
.right-side-edit-view-panel #owner-box label,
.right-side-edit-view-panel #owner-box + label {
  font-size: 12px;
  font-weight: 600;
}
.right-side-edit-view-panel #owner-box input {
  position: relative;
  z-index: 0;
}
.right-side-edit-view-panel .ui-autocomplete {
  width: auto;
}
.right-side-edit-view-panel input[type="text"] {
  margin-bottom: 4px;
}
.right-side-edit-view-panel #owner-box + label {
  margin-bottom: 15px;
}
.right-side-edit-view-panel .radio-input {
  margin-bottom: 10px;
  width: 100%;
  float: left;
  display: block;
}
.right-side-edit-view-panel .radio-input label {
  width: auto;
  float: left;
  vertical-align: middle;
}
.right-side-edit-view-panel .radio-input input[type="radio"] {
  float: left;
  margin: 0 8px 0 10px;
  vertical-align: middle;
}
.right-side-edit-view-panel .radio-input .hasDropDown {
  padding-left: 40px;
}
.right-side-edit-view-panel input[type="text"] {
  margin-top: 6px;
}
.right-side-edit-view-panel .buttons-bar {
  margin-top: 15px;
  text-align: center;
}
.has-date-select,
.has-model-select {
  position: relative;
  width: 100%;
}
.has-date-select input,
.has-model-select input {
  width: 100%;
}
.has-model-select {
  clear: left;
  padding: 0 !important;
}
.has-model-select input {
  margin: 0 !important;
}
.has-model-select a {
  background: url(../images/dropdown-general.png) left top no-repeat;
  width: 28px;
  height: 24px;
  display: block;
  float: right;
  z-index: 5000;
  position: absolute;
  right: 1px;
  bottom: 1px;
}
.has-model-select a:hover:before {
  color: #525252 !important;
}
.has-model-select a .model-select-icon {
  width: 100%;
  height: 100%;
  line-height: 24px;
  display: block;
  text-align: center;
  vertical-align: center;
}
.has-model-select a .model-select-icon:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #8b8b8b;
  text-align: center;
}
.has-model-select .z-spinner {
  z-index: 999999;
  position: absolute;
  top: 3px;
  left: 5px;
  display: block !important;
}
.has-date-select {
  clear: left;
  padding: 0 !important;
}
.has-date-select input {
  margin: 0 !important;
}
.has-date-select button {
  background: url(../images/dropdown-general.png) left top no-repeat;
  width: 28px;
  height: 24px;
  display: block;
  float: right;
  z-index: 1;
  position: absolute;
  right: 1px;
  bottom: 1px;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 10005;
}
.has-date-select button:hover:before {
  color: #525252 !important;
}
.has-date-select button span {
  width: 100%;
  height: 100%;
  line-height: 24px;
  display: block;
  text-align: center;
  vertical-align: center;
}
.has-date-select button span:before {
  content: "U";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #8b8b8b;
  text-align: center;
  vertical-align: bottom;
}
.beforeOptOutCheckBox {
  float: left;
  width: 100%;
}
.beforeOptOutCheckBox div {
  margin-right: 80px !important;
  width: auto;
}
.beforeOptOutCheckBox + .hasCheckBox {
  float: right;
  margin: 0 0 0 -80px !important;
  position: relative;
  left: 10px;
  width: 80px;
}
.beforeToolTip {
  float: left;
  width: 100%;
}
.beforeToolTip textarea {
  margin-right: 30px !important;
  width: auto;
  float: none;
  width: 95%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.beforeToolTip .hasDropDown {
  margin-right: 30px;
  width: auto;
}
.beforeToolTip + .tooltip {
  float: right;
  margin: 7px 0 0 -30px !important;
  position: relative;
}
/*=View AccountView (before editing, portlets and such)*/
.SecuredPortletFrameView .juiportlet-widget-head h3 {
  margin-left: 15px;
  font-size: 15px;
}
.ConfigurableMetadataView .juiportlet-widget-head {
  cursor: default;
}
.juiportlet-widget-content .details-table {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.juiportlet-widget-content .details-table .col-0 {
  width: 30%;
}
.juiportlet-widget-content .details-table .double-column .col-0,
.juiportlet-widget-content .details-table .double-column .col-2 {
  width: 22% !important;
}
.juiportlet-widget-content .details-table .double-column .col-1,
.juiportlet-widget-content .details-table .double-column .col-3 {
  width: 28% !important;
}
.details-table {
  position: relative;
  margin: 0px !important;
  /*.col-0{
		width: 30%;
	}
	.double-column{
		.col-0, .col-2{
			width: 22% !important;
		}
		.col-1, .col-3{
			width: 28% !important;
		}
	}*/

}
.details-table table {
  margin: 0 0 10px 0;
}
.details-table td,
.details-table th {
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
}
.details-table th {
  vertical-align: top;
  color: #999;
  padding-left: 15px;
  text-align: right;
}
.details-table td {
  vertical-align: top;
  color: #545454;
  word-wrap: break-word;
  word-break: break-all;
}
.details-table td + th {
  padding-left: 15px !important;
}
.details-table p {
  width: 100%;
}
.details-table .panelTitle {
  padding-top: 0;
  padding-left: 10px;
}
.details-table .map-link {
  display: inline-block;
  margin-left: 4px;
  position: relative;
  padding-left: 16px;
}
.details-table .map-link:before {
  content: "K";
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 12px;
  position: absolute;
  left: 0;
  top: 2px;
}
.details-table .hasCheckBox {
  margin-top: 0;
  margin-left: 0;
}
.details-table h1 + .toolbar-mbmenu {
  top: 6px;
  right: 0px;
  position: absolute;
}
.details-table h1 + .toolbar-mbmenu .parent > ul {
  top: 27px;
}
.DetailsView .col-0 {
  width: 20%;
}
.after-form-details-content {
  color: #545454 !important;
  float: none;
  clear: left;
  width: 100%;
  font-size: 11px;
  font-style: italic;
  text-align: center;
  padding: 0 10px 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mapcanvas {
  width: 600px;
  height: 400px;
}
/*=tasks portelt*/
.OpenTasksRelatedListView .button-column,
.OpenTasksRelatedListView .checkbox-column {
  height: auto !important;
}
/*=For single meeting, contact etc..*/
.wrapper {
  float: left;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper,
.TitleBarAndDetailsView > div:not(.view-toolbar-container),
.ProgressView > div:not(.view-toolbar-container),
#MetadataViewEditView > div:not(.view-toolbar-container),
.TableOfContentsView > div:not(.view-toolbar-container),
.DetailsView > div:not(.view-toolbar-container),
.EditAndDetailsView > div:not(.view-toolbar-container) {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
}
.wrapper .form form,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) .form form,
.ProgressView > div:not(.view-toolbar-container) .form form,
#MetadataViewEditView > div:not(.view-toolbar-container) .form form,
.TableOfContentsView > div:not(.view-toolbar-container) .form form,
.DetailsView > div:not(.view-toolbar-container) .form form,
.EditAndDetailsView > div:not(.view-toolbar-container) .form form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.wrapper h1,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) h1,
.ProgressView > div:not(.view-toolbar-container) h1,
#MetadataViewEditView > div:not(.view-toolbar-container) h1,
.TableOfContentsView > div:not(.view-toolbar-container) h1,
.DetailsView > div:not(.view-toolbar-container) h1,
.EditAndDetailsView > div:not(.view-toolbar-container) h1 {
  text-indent: 15px;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.wrapper input[type="checkbox"] + label,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.ProgressView > div:not(.view-toolbar-container) input[type="checkbox"] + label,
#MetadataViewEditView > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.TableOfContentsView > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.DetailsView > div:not(.view-toolbar-container) input[type="checkbox"] + label,
.EditAndDetailsView > div:not(.view-toolbar-container) input[type="checkbox"] + label {
  width: 60px;
  margin-top: 0;
}
.wrapper td + th,
.TitleBarAndDetailsView > div:not(.view-toolbar-container) td + th,
.ProgressView > div:not(.view-toolbar-container) td + th,
#MetadataViewEditView > div:not(.view-toolbar-container) td + th,
.TableOfContentsView > div:not(.view-toolbar-container) td + th,
.DetailsView > div:not(.view-toolbar-container) td + th,
.EditAndDetailsView > div:not(.view-toolbar-container) td + th {
  padding-left: 30px;
}
.SecuredEditAndDetailsView,
#AccountEditAndDetailsView {
  position: relative;
}
.toolbar-mbmenu {
  margin: 0 10px 0 0 !important;
  float: right;
  width: auto;
}
.toolbar-mbmenu .view-toolbar {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: none;
}
.toolbar-mbmenu ul {
  list-style: none;
}
.toolbar-mbmenu .options-menu > li > a {
  padding-left: 10px;
  text-align: center;
  width: 60px;
  color: #666 !important;
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #bababa;
  line-height: 1;
  font-size: 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.toolbar-mbmenu .options-menu > li > a span {
  line-height: 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
}
.toolbar-mbmenu .options-menu > li > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  top: 0;
  margin-left: 5px;
}
.toolbar-mbmenu .options-menu ul {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  margin-top: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  display: none;
  font-weight: normal !important;
  right: 0;
  z-index: 9999;
}
.toolbar-mbmenu .options-menu ul a {
  text-indent: 0;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
  line-height: normal;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.AttributeDetailsView .toolbar-mbmenu {
  top: 8px;
}
.clickable-mbmenu.nav-open ul {
  display: block;
}
.DetailsAndRelationsView,
#AccountDetailsAndRelationsView {
  *zoom: 1;
}
.DetailsAndRelationsView:before,
#AccountDetailsAndRelationsView:before,
.DetailsAndRelationsView:after,
#AccountDetailsAndRelationsView:after {
  content: " ";
  display: table;
}
.DetailsAndRelationsView:after,
#AccountDetailsAndRelationsView:after {
  clear: both;
}
.DetailsAndRelationsView .GridView,
#AccountDetailsAndRelationsView .GridView {
  width: 35%;
  float: left;
}
.DetailsAndRelationsView .GridView .juiportlet-widget,
#AccountDetailsAndRelationsView .GridView .juiportlet-widget {
  margin-right: 0;
}
.DetailsAndRelationsView .GridView:first-child,
#AccountDetailsAndRelationsView .GridView:first-child {
  width: 65%;
}
.DetailsAndRelationsView .GridView:first-child .juiportlet-widget,
#AccountDetailsAndRelationsView .GridView:first-child .juiportlet-widget {
  margin-right: 20px;
}
#UserDetailsAndRelationsView {
  *zoom: 1;
}
#UserDetailsAndRelationsView:before,
#UserDetailsAndRelationsView:after {
  content: " ";
  display: table;
}
#UserDetailsAndRelationsView:after {
  clear: both;
}
#UserDetailsAndRelationsView .GridView {
  z-index: 0;
  width: 65%;
  float: left;
}
#UserDetailsAndRelationsView .GridView .juiportlet-widget {
  margin-right: 0;
}
#UserDetailsAndRelationsView .GridView + .GridView {
  width: 35%;
}
#UserDetailsAndRelationsView .UserLatestActivtiesForPortletView {
  margin-right: 20px !important;
}
#NoteInlineEditView .col-0 {
  width: 100%;
}
#NoteInlineEditView .col-1 {
  width: 0%;
}
#NoteInlineEditView .wide.form {
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#NoteInlineEditView td {
  width: 100%;
}
#NoteInlineEditView td div {
  margin-left: 0;
}
#NoteInlineEditView .files {
  float: left;
}
#NoteInlineEditView form {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#NoteInlineEditView form table {
  border-bottom: none;
}
#NoteInlineEditView form table td {
  padding-left: 0 !important;
}
#NoteInlineEditView form #Note_description {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  width: 100%;
  margin-bottom: 10px;
  line-height: 130%;
}
#NoteInlineEditView form input[type="submit"] {
  float: right;
  cursor: pointer;
  padding: 0 15px;
  line-height: 23px;
  margin: 0 0 0 0;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #bababa;
  color: #333333;
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
  display: inline-block;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
#NoteInlineEditView form input[type="submit"]:active {
  color: #656565;
  -webkit-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 10px 10px 4px rgba(153, 153, 153, 0.4), 0 1px 0 0 #FFF;
}
#NoteInlineEditView form input[type="submit"]:before {
  content: "Y";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -1px;
  margin-left: 2px;
}
#NoteInlineEditView .form-toolbar {
  border-top: none;
}
#NoteInlineEditForPortletView .wide.form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  float: none;
}
#inline-edit-form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#inline-edit-form table + table {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#inline-edit-form .panel td {
  padding-bottom: 15px;
  padding-left: 0;
}
#inline-edit-form > table td > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 5px;
}
#inline-edit-form > table label {
  margin-top: 10px !important;
  margin-bottom: 4px;
}
#inline-edit-form > table input.ui-autocomplete-input {
  float: left;
  width: 100%;
}
#inline-edit-form > table input.ui-autocomplete-input + span {
  float: left;
  width: 80px;
  margin-left: -90px;
  text-align: right;
  margin-top: 6px;
}
#inline-edit-form table {
  border-bottom: none;
}
#inline-edit-form .left-column {
  padding-bottom: 0;
}
#inline-edit-form .view-toolbar-container {
  display: inline-block;
  padding: 0 15px 15px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#inline-edit-form .view-toolbar-container a {
  float: right;
  clear: both;
  margin: 0;
}
#inline-edit-form .form-toolbar {
  border-top: none;
  padding-top: 0;
}
#inline-edit-form textarea {
  line-height: 130%;
}
#inline-edit-form .permissions-box {
  margin-left: 0 !important;
  *zoom: 1;
}
#inline-edit-form .permissions-box:before,
#inline-edit-form .permissions-box:after {
  content: " ";
  display: table;
}
#inline-edit-form .permissions-box:after {
  clear: both;
}
#inline-edit-form .permissions-box > label {
  margin-bottom: 12px !important;
  font-size: 13px;
  font-weight: bold !important;
}
#inline-edit-form .permissions-box label {
  width: 100%;
  display: block;
  line-height: 100%;
  padding-top: 0;
}
#inline-edit-form .permissions-box #owner-box {
  margin-bottom: 15px;
  position: relative;
}
#inline-edit-form .permissions-box #owner-box label,
#inline-edit-form .permissions-box #owner-box + label {
  font-size: 12px;
  font-weight: 600;
}
#inline-edit-form .permissions-box input[type="text"] {
  margin-bottom: 4px;
}
#inline-edit-form .permissions-box #owner-box + label {
  margin-bottom: 15px;
}
#inline-edit-form .permissions-box div.radio-input {
  margin-left: 0 !important;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  display: block;
}
#inline-edit-form .permissions-box div.radio-input input[type="radio"] + label {
  /*for specifity*/

  width: auto;
  float: left;
  vertical-align: middle;
  margin: 0 0 0 0 !important;
}
#inline-edit-form .permissions-box div.radio-input input[type="radio"] {
  float: left;
  margin: 0 8px 0 10px;
  vertical-align: middle;
}
#inline-edit-form .permissions-box div.radio-input .hasDropDown {
  padding-left: 30px;
}
#inline-edit-form .permissions-box input[type="text"] {
  margin-top: 6px;
}
div.radio-input .hasDropDown {
  float: left;
  margin-top: 8px;
  padding-left: 24px;
  margin-bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.post-to-profile {
  float: right;
  margin-right: 25px;
  margin-top: 5px;
  position: relative;
}
.post-to-profile span {
  float: left;
  position: relative;
  margin-right: 5px;
}
.post-to-profile .tooltip {
  margin-top: -1px;
}
.post-to-profile label.hasCheckBox {
  float: left !important;
  position: relative;
  top: -5px;
  margin: 0;
}
/*=Sticky search*/
.BreadCrumbView {
  position: relative;
  z-index: 10;
  display: inline-block;
}
.BreadCrumbView + div {
  position: relative;
  z-index: 1;
}
.BreadCrumbView .spinner {
  margin-top: -10px;
  margin-left: 20px;
}
.BreadCrumbView > div {
  display: inline-block;
}
.BreadCrumbView #StickyListMenu {
  list-style: none;
}
.BreadCrumbView #StickyListMenu > li > a > span {
  top: 0;
  position: absolute;
  display: block;
  margin-left: 10px;
  width: 13px;
  padding: 1px;
  text-align: center;
  line-height: 1;
  color: #666;
  border: 1px solid #fff;
  -webkit-box-shadow: inset 0 0 0 1px #dddddd;
  -moz-box-shadow: inset 0 0 0 1px #dddddd;
  -ms-box-shadow: inset 0 0 0 1px #dddddd;
  -o-box-shadow: inset 0 0 0 1px #dddddd;
  box-shadow: inset 0 0 0 1px #dddddd;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -ms-text-shadow: 0 1px 0 #ffffff;
  -o-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #e8e8e8, #f5f5f5);
  background-image: -ms-linear-gradient(top, #e8e8e8, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #f5f5f5);
  background-image: -o-linear-gradient(top, #e8e8e8, #f5f5f5);
  background-image: linear-gradient(top, #e8e8e8, #f5f5f5);
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.BreadCrumbView #StickyListMenu ul {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  display: none;
  list-style: none;
  position: absolute;
  margin-top: 3px;
  margin-left: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: normal !important;
}
.BreadCrumbView #StickyListMenu ul .strong a,
.BreadCrumbView #StickyListMenu ul .strong span {
  font-weight: bold !important;
}
.BreadCrumbView #StickyListMenu ul a {
  text-indent: 0;
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
  line-height: normal;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
/*=Madlib*/
.mad-lib input {
  width: auto !important;
  margin: auto 10px !important;
}
/*=Temp Addreess Fields*/
div.overlay-label-field {
  position: relative;
  padding-bottom: 15px;
  *zoom: 1;
}
div.overlay-label-field:before,
div.overlay-label-field:after {
  content: " ";
  display: table;
}
div.overlay-label-field:after {
  clear: both;
}
.overlay-label-field label {
  position: absolute !important;
  left: 4px;
  top: 6px;
  color: #999;
  font-size: 14px;
  font-weight: normal;
}
.overlay-label-field input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.hasParallelFields,
div.hasHalfs {
  *zoom: 1;
}
div.hasParallelFields:before,
div.hasHalfs:before,
div.hasParallelFields:after,
div.hasHalfs:after {
  content: " ";
  display: table;
}
div.hasParallelFields:after,
div.hasHalfs:after {
  clear: both;
}
div.hasParallelFields div:first-child,
div.hasHalfs div:first-child {
  margin-right: 4%;
}
div.hasParallelFields > div,
div.hasHalfs > div {
  display: block;
  float: left;
}
div.hasParallelFields > div input,
div.hasHalfs > div input {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.seventh {
  width: 12.5%;
}
.sixth {
  width: 15%;
}
.fifth {
  width: 19%;
}
.twoFifths {
  width: 36.5%;
}
.threeFifths {
  width: 55.5%;
  margin-right: 4%;
}
.fourFifths {
  width: 73%;
  margin-right: 4%;
}
.fifth + .twoFifths {
  margin-right: 4%;
}
.half {
  width: 48%;
}
.quarter {
  width: 23%;
}
.threeQuarters {
  width: 73%;
}
.third {
  width: 32%;
}
.twoThirds {
  width: 64%;
}
.juiportlet-widget.OpportunitiesForAccountRelatedListView div.button-column,
.juiportlet-widget.ContactsForAccountRelatedListView div.button-column {
  padding-top: 4px;
}
/*Related lists portlet with gear menu*/
.RelatedListView .items td {
  border-top: none !important;
}
.RelatedListView .items td:first-child {
  padding-left: 15px;
}
.RelatedListView .items tr:hover .edit-row-menu > li > a {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.edit-portlet-menu,
.edit-row-menu {
  float: right;
  margin: 0 10px 0 0;
  list-style: none;
}
.edit-portlet-menu > li,
.edit-row-menu > li {
  position: relative;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.edit-portlet-menu > li > a,
.edit-row-menu > li > a {
  padding: 0;
  display: block;
  overflow: visible;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  white-space: nowrap;
}
.edit-portlet-menu > li > a span,
.edit-row-menu > li > a span {
  display: inline-block;
  text-indent: -9999px;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.edit-portlet-menu > li > a:hover,
.edit-row-menu > li > a:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.edit-portlet-menu > li > a:before,
.edit-row-menu > li > a:before {
  content: "n";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.edit-portlet-menu > li > a:after,
.edit-row-menu > li > a:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 12px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: -2px;
  left: 2px;
}
.edit-portlet-menu > li a,
.edit-row-menu > li a {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.edit-portlet-menu ul,
.edit-row-menu ul {
  margin-left: -85px;
  list-style: none;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  z-index: 9999;
  min-width: 110px;
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
  top: 20px;
  font-size: 11px;
}
.edit-portlet-menu ul li,
.edit-row-menu ul li {
  line-height: 100%;
}
.edit-portlet-menu ul li > a,
.edit-row-menu ul li > a {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 0 2px;
}
.edit-portlet-menu ul li > a:hover,
.edit-row-menu ul li > a:hover {
  color: #fff !important;
}
.edit-portlet-menu {
  line-height: 1;
  margin-top: 9px;
  margin-right: 15px;
}
.edit-portlet-menu ul {
  top: 20px;
}
.edit-row-menu {
  white-space: nowrap;
}
.edit-row-menu > li {
  position: relative;
  white-space: nowrap;
}
.edit-row-menu > li > a {
  position: relative;
  z-index: 10;
  white-space: nowrap;
}
.edit-row-menu ul {
  min-width: 0;
  line-height: 1;
  white-space: nowrap;
  left: auto;
  right: -10px;
  margin: 0;
  top: -3px;
  z-index: 1;
  padding-right: 30px;
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}
.edit-row-menu ul > li {
  display: inline;
  border-left: 1px solid #d8d8d8;
}
.edit-row-menu ul > li + li {
  margin-left: -3px;
}
.edit-row-menu ul > li a {
  display: inline-block;
}
.edit-row-menu ul > li:first-child {
  border-left: none;
}
.edit-row-menu > li.over > a {
  pointer-event: none;
  opacity: 0.5;
}
/*Upcoming Meeting Pager*/
.pager {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  background: #ffffff url(../images/view-toolbar-gradient.png) left bottom repeat-x;
  -webkit-box-shadow: inset 0 1px 0 #dfdfdf;
  -moz-box-shadow: inset 0 1px 0 #dfdfdf;
  -ms-box-shadow: inset 0 1px 0 #dfdfdf;
  -o-box-shadow: inset 0 1px 0 #dfdfdf;
  box-shadow: inset 0 1px 0 #dfdfdf;
  overflow: hidden;
}
.pager ul {
  display: block;
  width: 50%;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  border-left: 1px solid #DFDFDF;
  *zoom: 1;
}
.pager ul:before,
.pager ul:after {
  content: " ";
  display: table;
}
.pager ul:after {
  clear: both;
}
.pager .endless-list-pager {
  width: 100%;
  list-style: none;
  border: 1px solid #DFDFDF;
  border-top: none;
}
.pager .endless-list-pager li {
  float: none;
  width: 100%;
  border: none;
}
.pager .endless-list-pager .next a:after,
.pager .endless-list-pager .hidden.next:after {
  content: "6";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.pager .endless-list-pager .hidden {
  display: none;
}
.pager li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 30%;
  padding: 0;
  border: none;
  border-right: 1px solid #DFDFDF;
  text-align: center;
}
.pager li > a {
  font-weight: bold;
  display: block;
}
.pager li > a span {
  display: none;
}
.pager li > a:active {
  color: #656565;
  -webkit-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  -moz-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  -ms-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  -o-box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
  box-shadow: inset 0 5px 10px 0px rgba(153, 153, 153, 0.45);
}
.pager .refresh {
  width: 0;
  display: none;
}
.pager .first,
.pager .last {
  width: 20%;
}
.pager .first a:after,
.pager .hidden.first:after {
  content: "«";
}
.pager .next a:after,
.pager .hidden.next:after {
  content: "›";
}
.pager .previous a:after,
.pager .hidden.previous:after {
  content: "‹";
}
.pager .last a:after,
.pager .hidden.last:after {
  content: "»";
}
.pager .next,
.pager .previous,
.pager .first,
.pager .last {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
}
.pager .next span,
.pager .previous span,
.pager .first span,
.pager .last span {
  text-indent: -9999px;
  display: inline-block;
  padding: 2px 0 4px 0 !important;
}
.pager .next.hidden:after,
.pager .previous.hidden:after,
.pager .first.hidden:after,
.pager .last.hidden:after {
  color: #ccc;
}
.pager:empty {
  display: none;
}
.juiportlet-widget .endless-list-pager {
  border: none;
}
#list-view .pager {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  clear: both;
}
#ModalView #list-view .pager {
  -webkit-box-shadow: inset 0 1px 0 #dfdfdf;
  -moz-box-shadow: inset 0 1px 0 #dfdfdf;
  -ms-box-shadow: inset 0 1px 0 #dfdfdf;
  -o-box-shadow: inset 0 1px 0 #dfdfdf;
  box-shadow: inset 0 1px 0 #dfdfdf;
}
/*=Meetings modal*/
#days-meetings-list-view td {
  padding: 10px;
}
#days-meetings-list-view td div {
  line-height: 125%;
}
#days-meetings-list-view tr:hover {
  background: none;
  color: #545454;
}
#days-meetings-list-view h3 {
  color: #545454;
  margin-bottom: 4px;
}
#days-meetings-list-view h3 span {
  font-weight: normal;
  font-size: 11px;
  padding-left: 10px;
}
#days-meetings-list-view h3 span a {
  outline: none;
}
/*=Meeting/Task Single View*/
#NoteEditAndDetailsView .details-table,
#TaskEditAndDetailsView .details-table,
#MeetingEditAndDetailsView .details-table {
  margin-right: 0 !important;
}
#NoteEditAndDetailsView .view-toolbar,
#TaskEditAndDetailsView .view-toolbar,
#MeetingEditAndDetailsView .view-toolbar {
  margin-top: 0 !important;
}
/*=Latest Activity*/
.less-pronounced-text {
  font-style: italic;
  color: #999;
}
.latest-activity-icon {
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesForPortletView {
  position: relative;
}
.LatestActivitiesForPortletView > div {
  position: relative;
  z-index: 1;
}
.LatestActivitiesForPortletView .toolbar-mbmenu {
  position: absolute;
  top: -35px;
  z-index: 10;
}
.LatestActivitiesListView form,
.LatestActivitiesView form {
  position: relative;
}
.LatestActivitiesListView .latest-activity-toolbar,
.LatestActivitiesView .latest-activity-toolbar {
  border-bottom: 1px solid #DFDFDF;
  padding: 10px 15px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
}
.LatestActivitiesListView .latest-activity-toolbar > div:first-child,
.LatestActivitiesView .latest-activity-toolbar > div:first-child {
  padding-right: 10px;
  margin-right: 10px;
}
.LatestActivitiesListView .latest-activity-toolbar #LatestActivitiesConfigurationForm_ownedByFilter_area,
.LatestActivitiesView .latest-activity-toolbar #LatestActivitiesConfigurationForm_ownedByFilter_area {
  display: inline-block;
}
.LatestActivitiesListView .latest-activity-toolbar #LatestActivitiesConfigurationForm_rollup_area,
.LatestActivitiesView .latest-activity-toolbar #LatestActivitiesConfigurationForm_rollup_area {
  display: inline-block;
}
.LatestActivitiesListView .latest-activity-toolbar #filter-latest-activities-link,
.LatestActivitiesView .latest-activity-toolbar #filter-latest-activities-link {
  margin-left: 20px;
  text-decoration: none;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}
.LatestActivitiesListView .latest-activity-toolbar #filter-latest-activities-link:after,
.LatestActivitiesView .latest-activity-toolbar #filter-latest-activities-link:after {
  content: "÷";
  font-weight: normal !important;
  font-size: 14px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.LatestActivitiesListView .items,
.LatestActivitiesView .items {
  border: none !important;
}
.LatestActivitiesListView td,
.LatestActivitiesView td,
.LatestActivitiesListView th,
.LatestActivitiesView th {
  padding: 10px 0;
  border-bottom: 1px solid #DFDFDF;
}
.LatestActivitiesListView td div,
.LatestActivitiesView td div,
.LatestActivitiesListView th div,
.LatestActivitiesView th div {
  font-weight: 400 !important;
  margin: 0;
}
.LatestActivitiesListView tr:last-child td,
.LatestActivitiesView tr:last-child td,
.LatestActivitiesListView tr:last-child th,
.LatestActivitiesView tr:last-child th {
  border-bottom: none;
}
.LatestActivitiesListView td:first-child,
.LatestActivitiesView td:first-child {
  border-top: none !important;
  padding-left: 15px !important;
  padding-right: 15px;
}
.LatestActivitiesListView .activity-item,
.LatestActivitiesView .activity-item {
  width: 100%;
  padding-left: 40px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.LatestActivitiesListView .activity-item span,
.LatestActivitiesView .activity-item span {
  line-height: 140%;
  word-break: break-all;
}
.LatestActivitiesListView .activity-item span a,
.LatestActivitiesView .activity-item span a {
  break-word: break-all;
  display: inline-block;
}
.LatestActivitiesListView .items em,
.LatestActivitiesView .items em {
  display: inline-block;
  height: 100%;
  padding-right: 15px;
  float: left;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 2px;
}
.LatestActivitiesListView .Note:after,
.LatestActivitiesView .Note:after {
  content: "3";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Task:after,
.LatestActivitiesView .Task:after {
  content: "4";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Meeting:after,
.LatestActivitiesView .Meeting:after {
  content: "U";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .EmailMessage:after,
.LatestActivitiesView .EmailMessage:after {
  content: "g";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Conversation,
.LatestActivitiesView .Conversation {
  padding-top: 5px;
}
.LatestActivitiesListView .Conversation:after,
.LatestActivitiesView .Conversation:after {
  content: "b";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
.LatestActivitiesListView .Mission:after,
.LatestActivitiesView .Mission:after {
  content: "Q";
  position: relative;
  top: -3px;
  color: #666 !important;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 28px;
}
#MashableInboxForm_filteredBy_area,
#MashableInboxForm_optionForModel_area,
.latest-activity-toolbar,
.filter-portlet-model-bar {
  font-size: 11px;
  padding-left: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#MashableInboxForm_filteredBy_area label,
#MashableInboxForm_optionForModel_area label,
.latest-activity-toolbar label,
.filter-portlet-model-bar label {
  cursor: pointer;
  border: none;
  background: none;
  font-size: 11px !important;
  padding: 3px;
  margin: 0 3px;
  white-space: nowrap;
}
#MashableInboxForm_filteredBy_area label:hover,
#MashableInboxForm_optionForModel_area label:hover,
.latest-activity-toolbar label:hover,
.filter-portlet-model-bar label:hover {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
}
#MashableInboxForm_filteredBy_area input[type="radio"],
#MashableInboxForm_optionForModel_area input[type="radio"],
.latest-activity-toolbar input[type="radio"],
.filter-portlet-model-bar input[type="radio"],
#MashableInboxForm_filteredBy_area input[type="checkbox"],
#MashableInboxForm_optionForModel_area input[type="checkbox"],
.latest-activity-toolbar input[type="checkbox"],
.filter-portlet-model-bar input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
#MashableInboxForm_filteredBy_area .ui-state-active,
#MashableInboxForm_optionForModel_area .ui-state-active,
.latest-activity-toolbar .ui-state-active,
.filter-portlet-model-bar .ui-state-active {
  color: #FFF;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none;
}
#MashableInboxForm_filteredBy_area .ui-button-text,
#MashableInboxForm_optionForModel_area .ui-button-text,
.latest-activity-toolbar .ui-button-text,
.filter-portlet-model-bar .ui-button-text {
  padding: 0;
  margin: 0;
}
.filter-portlet-model-bar {
  border-bottom: 1px solid #DFDFDF;
  width: 100%;
  min-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  position: relative;
}
.filter-portlet-model-bar > .ui-buttonset {
  padding-top: 14px;
}
.activity-date {
  font-size: 11px;
  margin-bottom: 3px;
  display: block;
}
.LatestActivtiesForPortletView {
  position: relative;
}
.LatestActivtiesForPortletView .toolbar-mbmenu {
  z-index: 999999;
  top: -34px;
  right: 10px;
}
.LatestActivtiesForPortletView .toolbar-mbmenu .view-toolbar {
  background: none;
  margin: 0;
}
.LatestActivtiesForPortletView .toolbar-mbmenu li {
  padding: 0;
}
/*=Search User Modal*/
.search-view-0 input[type="text"] {
  float: left;
  margin-right: 0;
}
#search-formmodal {
  position: relative;
  padding: 10px 0 10px 0;
  border: 1px solid #DFDFDF;
  border-bottom: none;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  *zoom: 1;
}
#search-formmodal:before,
#search-formmodal:after {
  content: " ";
  display: table;
}
#search-formmodal:after {
  clear: both;
}
#search-formmodal table {
  border-bottom: none;
}
#search-formmodal label {
  line-height: 25px;
}
.ModalListView .items {
  border-top: 1px solid #dfdfdf !important;
}
.ModalListView .items tbody td:first-child,
.ModalListView .items thead th:first-child {
  padding-left: 10px;
}
/*=Auto Complete*/
.ui-autocomplete {
  margin-top: 2px;
  width: auto;
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  white-space: nowrap;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  z-index: 9999999 !important;
  position: absolute;
}
.ui-autocomplete li {
  list-style: none;
}
.ui-autocomplete li a {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #CCC;
  color: #666;
  font-size: 11px;
  line-height: 100%;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 0 2px;
}
.ui-autocomplete li a:hover,
.ui-autocomplete li a#ui-active-menuitem,
.ui-autocomplete li a.ui-state-hover {
  color: #fff !important;
  cursor: pointer !important;
}
.ui-autocomplete li:first-child a {
  border-top: none;
}
.ui-autocomplete li:last-child a {
  border-bottom: none;
}
/*=Flash Message View*/
#FlashMessageView {
  position: fixed;
  top: 100px;
  width: 25%;
  right: 3%;
  z-index: 9999;
}
#FlashMessageView .jnotify-item {
  position: relative;
  margin: 0 20px 20px 0;
  padding: 10px;
  border-radius: 5px !important;
  border: 1px solid #FFCC00;
  background: #FFFCB5;
  font-weight: bold;
  -webkit-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  -moz-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  -ms-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  -o-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
}
#FlashMessageView .jnotify-item p,
#FlashMessageView .jnotify-item ul {
  margin-bottom: 5px;
  line-height: 1;
}
#FlashMessageView .jnotify-item ul {
  padding-left: 18px;
}
#FlashMessageView .jnotify-item li {
  margin-bottom: 3px;
}
#FlashMessageView .ui-state-error {
  border: 1px solid #cc0000;
  background: #ffb5b5;
}
#FlashMessageView .ui-icon-circle-close {
  position: absolute;
  top: -17px;
  right: -15px;
  background: transparent url(../images/widget-close-btn.png) left top no-repeat;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 31px !important;
  cursor: pointer;
}
.operation-description {
  display: block;
  margin: 0 0 15px 0;
  line-height: 150%;
}
.operation-description strong {
  font-weight: bold;
}
.operation-description em {
  color: #cc0000;
  font-style: normal;
}
/*Dropdowns*/
.hasDropDown {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hasDropDown span {
  width: 22px;
  height: 24px;
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  pointer-events: none;
  background: url(../images/dropdown-arrow.png) 100% 0 no-repeat;
  padding-left: 6px;
  display: block !important;
  font-weight: normal !important;
  color: #666 !important;
  z-index: 1;
  cursor: pointer;
}
.hasDropDown span:hover,
.hasDropDown .over-dd {
  background-position: 100% 100%;
}
.hasDropDown select {
  z-index: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 3px 0;
  height: 26px;
  line-height: 26px;
  line-height: 1;
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666;
  text-indent: 6px;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  outline: none !important;
  cursor: pointer;
  position: relative;
}
.hasDropDown select:focus,
.hasDropDown select:hover {
  outline: none;
}
.hasDropDown:hover select {
  outline: none;
}
.hasDropDown + input {
  margin-top: 15px;
}
.isMultiSelect select {
  height: auto;
}
.isMultiSelect span {
  display: none !important;
}
/*=Mass Edit + DELETE view*/
.AppContent.MassEditView #edit-form table {
  width: 100%;
}
.AppContent.MassEditView tr th:first-child {
  padding: 0 !important;
}
.AppContent.MassEditView .ui-state-highlight p {
  text-align: left;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  padding-left: 0;
  margin-bottom: 30px;
  margin-left: -8px;
}
/*=Lead Conversion*/
#LeadConvertView .DetailsView > div {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#LeadConvertView .panel {
  width: 100% !important;
}
#LeadConvertView #edit-form {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding-bottom: 0 !important;
}
#LeadConvertView #edit-form table {
  width: 100%;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#LeadConvertView form table {
  padding-bottom: 15px !important;
}
#LeadConvertView #account-skip-form th {
  text-align: center !important;
  font-weight: normal;
}
#AccountConvertToView > div {
  margin-bottom: 0;
}
#AccountConvertToView .left-column {
  padding-right: 0;
}
.lead-conversion-actions {
  padding: 15px 15px 5px 15px;
}
.lead-conversion-actions a {
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 11px;
}
/*=Progress*/
.ProgressView h3 {
  position: relative;
}
.ProgressView #sequential-process-spinner + #progressBar-msg {
  display: block;
}
.progress-counter {
  padding: 15px 15px 15px 15px;
}
#progressBar-links {
  margin-top: 15px;
}
#progressBar-links a {
  border-top: 1px solid rgba(200, 200, 200, 0.4);
  border-left: 1px solid rgba(185, 185, 185, 0.4);
  border-right: 1px solid rgba(185, 185, 185, 0.4);
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  color: #666 !important;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-indent: 0;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  margin-left: 0;
}
#progressBar-links a:before,
#progressBar-links a:after {
  content: " ";
  display: table;
}
#progressBar-links a:after {
  clear: both;
}
#progressBar-links a.attachLoading.z-button {
  color: #fff;
}
#progressBar-links a:not(.attachLoading):not(.green-button) .z-label {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.progressbar-wrapper {
  width: 100%;
  position: relative;
  margin-top: 15px;
}
#progress-percent {
  width: 50px;
  display: inline-block;
  font-weight: bold;
}
.ui-progressbar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 35px;
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
}
.ui-widget-header.ui-progressbar-value {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 5px;
  margin: 5px 0 0 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: transparent !important;
  background-color: #afafaf !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(0deg, #969696, #afafaf) !important;
  background-image: -ms-linear-gradient(0deg, #969696, #afafaf) !important;
  background-image: -webkit-linear-gradient(0deg, #969696, #afafaf) !important;
  background-image: -o-linear-gradient(0deg, #969696, #afafaf) !important;
  background-image: linear-gradient(0deg, #969696, #afafaf) !important;
}
/*=About*/
#AboutView {
  position: relative;
}
#AboutView #ZurmoLogo {
  width: 300px;
}
#AboutView #ZurmoLogo strong {
  float: right;
  margin-top: 26px;
}
#AboutView h1 {
  text-indent: 15px;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #ccc;
}
#AboutView > div {
  margin-right: 0;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
}
#AboutView #aboutText {
  position: relative;
}
#AboutView #leftCol {
  padding: 15px 0 50px 15px;
  width: 65%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#AboutView #leftCol > div {
  margin-bottom: 20px;
}
#AboutView #rightCol {
  float: right;
  width: 30%;
  margin: 15px 15px 50px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#AboutView #rightCol > div {
  padding: 8px 10px;
  background: #F4F4F4;
  margin-bottom: 15px;
  float: left;
}
#AboutView #aboutContactDetails {
  width: 100%;
  float: left;
  padding: 15px 0 5px 0;
  text-align: center;
  font-size: 11px;
  position: absolute;
  bottom: 0;
}
#AboutView #aboutContactDetails span {
  margin: 0 10px;
}
#AboutView p,
#AboutView ul {
  font-size: 12px;
  line-height: 21px;
  font-weight: normal;
}
#AboutView p a,
#AboutView ul a {
  text-decoration: underline !important;
}
#AboutView ul {
  margin-top: 4px;
  padding-left: 20px;
}
.social-links {
  list-style: none;
  padding: 0 !important;
  margin: 15px 0 !important;
  float: right;
}
.social-links li {
  margin: 0 0 0 5px;
  float: left;
}
.social-links a {
  color: #fff;
  font-size: 12px;
  text-indent: 0;
  display: block;
}
.social-links a:hover span {
  background-position-y: 0 !important;
}
.social-links span {
  background: url(../images/sprite-socialicons.png) 0 bottom no-repeat;
  height: 22px;
  width: 22px;
  display: inline-block;
  line-height: 22px;
  text-indent: -9999px;
  margin-right: 5px;
}
.facebook span {
  background-position: -88px bottom !important;
}
.twitter span {
  background-position: -22px bottom !important;
}
.linkedin span {
  background-position: -66px bottom !important;
}
.rss span {
  background-position: 0 bottom !important;
}
.bitbucket span {
  background-position: -132px bottom !important;
}
.pivotal span {
  background-position: 100% bottom !important;
}
/*=RSS Widget*/
.rssBody {
  line-height: 140%;
}
.rssBody ul {
  list-style: none;
}
.rssBody li {
  padding: 10px 15px;
  border-bottom: 1px solid #dfdfdf;
}
.rssBody li:last-child {
  border-bottom: none;
}
/*=Search Results - Mixed Search Results*/
#MixedModelsSearchView {
  position: relative;
  z-index: 5;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
#MixedModelsSearchView h1 {
  margin-bottom: 15px;
}
#MixedModelsSearchView .search-view-0 {
  float: none;
  margin: 15px 0 10px 15px;
}
#MixedModelsMultipleListsView {
  position: relative;
  z-index: 1;
  margin-top: 15px;
}
#MixedModelsMultipleListsView h1 {
  margin-bottom: 15px;
}
#MixedModelsSearchAndListView th:first-child {
  padding-left: 10px;
}
#MixedModelsSearchAndListView .pager {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #DFDFDF;
  border-top: none;
}
.TitleBarView.Account h1:before {
  content: "P";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 0;
}
.TitleBarView.Contact h1:before {
  content: "y";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 1px;
}
.TitleBarView.Opportunity h1:before {
  content: "9";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 1px;
}
.TitleBarView.Lead h1:before {
  content: ".";
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 15px;
  position: relative;
  top: 1px;
}
/*Products Portlet*/
.products-portlet-totals {
  display: block;
  padding: 10px;
  border-top: 1px solid #DFDFDF;
  background: #111111 url(../images/dark-texture-table-footer.png) left top repeat-x !important;
  color: #FFF;
  font-weight: bold;
}
.empty + .pager + .products-portlet-totals {
  display: none;
}
.editable-cell {
  border-bottom: 1px dotted #ccc;
  width: auto;
  display: inline-block;
}
.editable-cell:after {
  content: "!";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  right: -10px;
  top: 1px;
  line-height: 1;
  cursor: pointer !important;
}
.editable-cell:after:hover {
  cursor: pointer;
}
i[class^="icon"] {
  color: #656565;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.z-label i[class^="icon"] {
  margin-right: 5px;
}
.icon-general:after,
.icon-edit:after {
  content: "!";
}
.icon-create:after {
  content: "Y";
}
.icon-add:after {
  content: "Y";
}
.icon-lock {
  font-size: 28px !important;
  padding: 0 !important;
}
.icon-lock:after {
  content: "F";
  margin: 0;
}
.icon-unlock {
  font-size: 28px !important;
  padding: 0 !important;
}
.icon-unlock:after {
  content: "E";
  margin: 0;
}
.icon-change-dashboard:after,
.icon-marketing-dashboard:after,
.icon-project-dashboard:after {
  content: "/";
}
.icon-export:after {
  content: "(";
}
.icon-details:after {
  content: 'T';
}
.icon-options:after {
  content: "n";
}
#list-view-massAction:after {
  content: "2";
}
#MassDeleteLinkActionElement .parent > a:after,
#ListViewDeleteMassActionMenu .parent > a:after {
  content: '\2014';
  font-size: 22px;
}
#MarketingListMembersSubscribeLinkActionElement:after {
  content: "c";
}
#MarketingListMembersUnsubscribeLinkActionElement:after {
  content: "d";
}
.icon-memberships:after {
  content: "y";
}
.icon-permissions:after {
  content: "E";
}
.icon-rights:after {
  content: "u";
}
.icon-policies:after {
  content: "x";
}
.icon-delete:after {
  content: "—";
}
.icon-left-arrow:after {
  content: "8";
}
.icon-right-arrow:after {
  content: "7";
}
.icon-fields:after {
  content: "0";
}
.icon-layout:after {
  content: "C";
}
.icon-user-details:after {
  content: "e";
}
.icon-password:after {
  content: "J";
}
.icon-audit:after {
  content: "I";
}
.icon-user-config:after {
  content: "n";
}
.icon-security:after {
  content: "F";
}
.icon-missions-created:after,
.icon-conversations-created:after {
  content: "w";
}
.icon-conversations-participant:after {
  content: "b";
  top: 0;
}
.icon-conversation:after {
  content: "O";
}
.icon-conversations-closed:after {
  content: "l";
}
.icon-mission:after,
.icon-missions-available:after {
  content: "Q";
}
.icon-missions-taken-but-not-accepted:after {
  content: "e";
}
.icon-notification:after {
  content: '\00A5';
}
.icon-combined:after {
  content: '\00A7';
  font-size: 26px;
}
.icon-workflows:after {
  content: '\20AC';
}
.icon-by-time-workflow-in-queues:after {
  content: '\0071';
  font-size: 28px;
}
.icon-by-workflow-message-in-queues:after {
  content: '\00A5';
  font-size: 22px;
}
.icon-by-workflow-manage-order:after {
  content: '\2039';
  font-size: 25px;
}
.icon-marketing-lists:after {
  content: '\0022';
}
.icon-email-templates:after {
  content: '\00B6';
  font-size: 25px;
}
.icon-products:after {
  content: '\003E';
}
.icon-catalog-items:after {
  content: '\00AC';
  font-size: 27px;
}
.icon-product-categories:after {
  content: '\00D7';
  font-size: 26px;
}
.icon-mobile:after {
  content: '\2018';
  top: 0;
}
.icon-desktop:after {
  content: '\2019';
  top: 0;
}
.icon-tablet:after {
  content: '\201D';
  top: 0;
}
.icon-kanban-board-view-type:after {
  font-size: 26px;
  content: '\00AE';
}
.icon-grid-view-type:after {
  font-size: 26px;
  content: '\00B0';
}
.icon-marketing-campaigns:after {
  font-size: 28px;
  content: '\002C';
}
.icon-webforms:after {
  content: '\003C';
}
.icon-webforms-entries:after {
  content: '\005E';
}
.icon-projects-list:after {
  content: '\02C7';
}
.icon-permissions:after {
  content: '\00CB';
}
.icon-rights:after {
  content: '\00C8';
}
.icon-policies:after {
  content: '\007D';
}
.pillbox .icon-projects-list {
  font-size: 22px;
  top: -2px !important;
}
.pillbox .icon-permissions,
.pillbox .icon-rights,
.pillbox .icon-policies {
  top: -2px !important;
}
.juiportlet-columns .juiportlet-column {
  float: left;
  min-height: 400px;
  height: auto !important;
  height: 400px;
}
.juiportlet-columns .juiportlet-column + .juiportlet-column .juiportlet-widget {
  margin-right: 0;
}
.juiportlet-widget-column1 {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}
.juiportlet-widget-column2 {
  padding: 0;
  list-style: none;
}
.juiportlet-column-split-even-2 {
  width: 50%;
}
.juiportlet-column-no-split {
  width: 100%;
}
.juiportlet-column-no-split .juiportlet-widget {
  margin-right: 0;
}
.juiportlet-column-split-left-75 {
  width: 65%;
}
.juiportlet-column-split-right-25 {
  width: 35%;
}
.juiportlet-widget {
  min-width: 265px;
  margin: 0px 20px 20px 0px;
  padding: 0;
  border: 1px solid #CCC;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  /*999*/

}
.juiportlet-widget-head {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  position: relative;
  border-bottom: 1px solid #CCC;
  z-index: 999;
}
.juiportlet-widget-head h3 {
  float: left;
  position: relative;
  margin-left: 15px;
}
.juiportlet-widget-head a.collapse {
  visibility: hidden;
  display: none;
  /*inline;*/

  float: left;
  width: 14px;
  height: 40px;
  text-indent: -9999em;
  margin: 0 8px;
  outline: none;
}
.juiportlet-widget-placeholder {
  margin: 0 20px 20px 2px;
}
.juiportlet-widget-content {
  padding: 0 0 0 0;
  position: relative;
  z-index: 1;
}
.juiportlet-widget-content > li {
  padding: 10px 15px;
  border-bottom: 1px solid #dfdfdf;
  list-style: none;
}
.juiportlet-widget-content > li:last-child {
  border-bottom: none;
}
.juiportlet-widget-content .summary,
.juiportlet-widget-content .rssHeader {
  padding: 10px 15px 0 15px;
}
.juiportlet-widget-coifrntent .items {
  border: none !important;
}
.juiportlet-widget-coifrntent .items thead > tr th,
.juiportlet-widget-coifrntent .items thead > tr td {
  border-top: none;
}
.juiportlet-widget-content table.items tbody tr:last-child > td {
  border-bottom: none;
}
/*ICONS..*/
.type-opportunities h3:before {
  content: "9";
}
.type-opportunities .icon-empty:before {
  content: "9";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-contacts .icon-empty:before {
  content: "e";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.juiportlet-widget-head.type-contacts h3 {
  padding-left: 30px;
  position: relative;
}
.juiportlet-widget-head.type-contacts h3:before {
  content: "e";
  font-weight: normal !important;
  font-size: 32px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #7A7A7A;
  line-height: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}
.type-tasks .icon-empty:before {
  content: "4";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-activities .icon-empty:before {
  content: '\00A5';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-products .icon-empty:before {
  content: '\003E';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-socialItems .icon-empty:before {
  content: 'u';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-missions .icon-empty:before {
  content: 'Q';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-leads .icon-empty:before {
  content: '.';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-accounts .icon-empty:before {
  content: 'P';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-contacts .icon-empty:before {
  content: "e";
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-products .icon-empty:before {
  content: '\00AC';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-opportunities h3 {
  padding-left: 30px;
  position: relative;
}
.type-opportunities h3:before {
  font-weight: normal !important;
  font-size: 32px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #7A7A7A;
  line-height: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}
.type-campaigns .icon-empty:before {
  content: '\002C';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-achievements .icon-empty:before {
  content: ';';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-gameRewards .icon-empty:before {
  content: '\2205';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-queues .icon-empty:before {
  content: 'GG';
  font-weight: normal !important;
  font-size: 38px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -40px;
}
.type-projects .icon-empty:before {
  content: '\02C7';
  font-weight: normal !important;
  font-size: 45px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#ZurmoLogo {
  background: url(../images/ZurmoLogo.png) left top no-repeat;
  width: 170px;
  height: 54px;
  margin-bottom: 20px;
}
#InstallAccessFailurePageView,
#ErrorPageView {
  background-color: #f6f6f6 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), color-stop(100px, #ffffff), to(#f6f6f6)) ;
  background-image: -webkit-linear-gradient(#f6f6f6, #ffffff 100px, #f6f6f6) ;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff 100px, #f6f6f6) ;
  background-image: -ms-linear-gradient(#f6f6f6, #ffffff 100px, #f6f6f6) ;
  background-image: -o-linear-gradient(#f6f6f6, #ffffff 100px, #f6f6f6) ;
  background-image: linear-gradient(#f6f6f6, #ffffff 100px, #f6f6f6) ;
  -webkit-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 140%;
  background: #fff;
  width: 960px;
  padding: 20px;
  margin: 40px auto;
}
#InstallAccessFailurePageView a,
#ErrorPageView a {
  padding: 1px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
}
#InstallAccessFailurePageView a:hover,
#ErrorPageView a:hover {
  color: #fff !important;
  text-decoration: underline;
}
#InstallAccessFailurePageView div,
#ErrorPageView div {
  margin: 10px 0;
}
#InstallPageView .AppContainer {
  background-image: none;
  font-size: 12px;
  line-height: 140%;
  padding: 20px;
  margin: 40px 40px 0 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#InstallPageView .AppContainer a {
  margin: auto 10px;
}
#InstallPageView div.wide.form {
  float: none;
}
#InstallPageView #save {
  color: #fff !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
#InstallPageView ul {
  list-style: inside;
  margin-bottom: 10px;
}
#InstallPageView ul li {
  margin-bottom: 5px;
}
#InstallPageView table {
  width: 100%;
  /*inside another table to prevent hover effect on the main table*/

}
#InstallPageView table table {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-spacing: 0;
  border-collapse: collapse;
}
#InstallPageView table table td {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 1px 1px 0 0;
  padding-left: 10px;
}
#InstallPageView table table tr {
  border-color: #DDDEDE;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-spacing: 0;
}
#InstallPageView table table tr:first-child {
  border-left: none;
}
#InstallPageView table table tr:first-child td {
  border: none;
  font-weight: bold;
}
#InstallPageView table table tr:hover {
  background-color: none;
  color: #545454;
}
#InstallPageView table td {
  padding: 8px 2px;
}
#InstallPageView #install-form {
  padding: 15px !important;
}
#InstallPageView #install-form table {
  padding-bottom: 15px;
}
#InstallPageView #install-form th {
  width: 26%;
}
#InstallPageView #install-form td {
  width: 37%;
}
#InstallPageView #install-form th + td {
  vertical-align: top;
}
#InstallPageView #install-form tr td:last-child {
  padding-left: 15px;
}
#InstallPageView #install-form label {
  font-size: 12px !important;
  color: #666;
  font-weight: 400 !important;
  padding-top: 12px;
}
#InstallPageView #install-form .hasCheckBox {
  padding-top: 0;
  margin-left: 0;
}
#logging-table,
#progress-table {
  width: 100%;
}
#logging-table img,
#progress-table img {
  width: 128px;
  margin: 10px auto;
}
#logging-table {
  height: 450px;
  overflow-y: scroll;
}
.progress-bar {
  text-align: center;
}
.fail {
  color: #cc0000;
}
.pass {
  color: #7BB730;
}
.warning {
  color: #FFCC00;
}
.install-or {
  display: inline-block;
  position: relative;
  top: -10px;
}
.back-to-app-menu-item span {
  vertical-align: middle;
}
.back-to-app-menu-item span:before {
  content: "z";
  font-weight: normal !important;
  font-size: 21px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 6px;
}
.back-to-app-menu-item a:hover span,
.back-to-app-menu-item a:hover span:before {
  color: #fff !important;
}
#ConfigurationPageView table {
  border: 1px solid #DFDFDF;
  border-collapse: collapse;
  border-spacing: 1px;
  width: 100%;
}
#ConfigurationPageView table th,
#ConfigurationPageView table td {
  border: 1px solid #DFDFDF;
  vertical-align: middle;
  padding: 10px;
  overflow: hidden;
}
#ConfigurationPageView table tbody,
#ConfigurationPageView table tbody tr:last-child,
#ConfigurationPageView table tbody tr:last-child td {
  border-bottom: none;
}
#ConfigurationPageView table th {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: url(../images/table-items-header.png) left top repeat-x;
  padding: 0 0 0 10px !important;
}
#ConfigurationPageView .checkbox-column {
  width: 35px;
  text-align: center;
}
#ConfigurationPageView .button-column {
  width: 25px;
  text-align: center;
  vertical-align: top !important;
}
#ConfigurationPageView tr.even {
  background: #fafafa;
}
#ConfigurationPageView table tr:hover {
  background-color: #D4E7BC;
}
#ConfigurationPageView table tr:hover .pencil {
  visibility: visible;
}
#ConfigurationPageView table thead {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: linear-gradient(top, #f9f9f9, #f4f4f4);
}
#ConfigurationPageView table thead tr:hover {
  background-color: #f4f4f4;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4);
  background-image: linear-gradient(top, #f9f9f9, #f4f4f4);
}
.configuration-list {
  list-style: none;
}
.configuration-list li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 20px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}
.configuration-list li:last-child {
  border-bottom: none;
  margin-bottom: none;
}
.configuration-list li:first-child {
  border-top: none;
  margin-top: none;
}
.configuration-list li h4 {
  margin: 0 0 0 0;
  display: inline-block;
}
.configuration-list li a {
  float: right;
  position: absolute;
  right: 15px;
  top: 14px;
  vertical-align: middle;
  margin: 0;
}
.configuration-list li a .z-label {
  padding: 0 15px;
}
.configuration-list li a .z-label:before {
  content: "n";
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #666;
  margin-right: 5px;
  position: relative;
  top: -2px;
  font-weight: normal !important;
  vertical-align: middle;
}
.creation-list .z-label:before {
  content: "Y" !important;
}
table.configuration-list {
  *zoom: 1;
}
table.configuration-list:before,
table.configuration-list:after {
  content: " ";
  display: table;
}
table.configuration-list:after {
  clear: both;
}
table.configuration-list h4 {
  margin: 0 0 0 0;
  display: inline-block;
}
table.configuration-list tbody > tr > td {
  position: relative !important;
}
table.configuration-list td:last-child a {
  float: right;
  margin: 0;
}
table.configuration-list td:last-child a .z-label {
  padding: 0 15px;
}
table.configuration-list td:last-child a .z-label:before {
  content: "n";
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #666;
  margin-right: 5px;
  position: relative;
  top: -2px;
  font-weight: normal !important;
  vertical-align: middle;
}
#DevelopmentMenuView .configuration-list li span:before {
  content: "";
  margin-right: 0px;
}
#DevelopmentMenuView .configuration-list li span:after {
  content: "7";
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 5px;
  position: relative;
  top: 1px;
  font-weight: normal !important;
}
/*Groups*/
.ActionBarForSecurityTreeListView .view-toolbar,
#ActionBarForGroupsEditAndDetailsView .view-toolbar {
  margin-top: 0;
}
.AdministrativeArea #edit-form table {
  width: 100%;
  float: none;
  table-layout: fixed;
}
.AdministrativeArea .view-toolbar {
  margin-top: 0;
}
#ModulePermissionsEditAndDetailsView table tr:first-child th {
  padding-left: 15px;
  padding-bottom: 10px;
  font-weight: bold !important;
}
#ModulePermissionsEditAndDetailsView th {
  text-align: right;
  padding-bottom: 15px;
}
#ModulePermissionsEditAndDetailsView td {
  text-align: left;
  padding-left: 15px;
  padding-bottom: 15px;
}
#GroupUserMembershipEditView td {
  padding-left: 0;
}
.multiselect-holder {
  position: relative;
  width: 75%;
  max-width: 675px;
  margin: 0 auto;
  *zoom: 1;
}
.multiselect-holder:before,
.multiselect-holder:after {
  content: " ";
  display: table;
}
.multiselect-holder:after {
  clear: both;
}
.multiselect-holder label {
  display: block !important;
  float: none !important;
}
.multiselect-holder select {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 150%;
}
.multiselect-holder input[type="button"] {
  display: block !important;
  margin: 0 0 15px 0 !important;
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
  padding: 0 15px;
  line-height: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.multiselect-holder .select-arrow {
  display: none !important;
}
.multiselect-right,
.multiselect-left {
  width: 45%;
  max-width: 300px;
  float: left;
}
.multiselect-right {
  float: right;
}
.multiselect-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px auto auto -23px;
}
/*TreeListView - usualy first page in each in admin*/
#LanguagesCollectionView,
#CurrenciesCollectionView,
#JobsCollectionView,
.SecurityTreeListView {
  padding-bottom: 10px !important;
}
#LanguagesCollectionView table,
#CurrenciesCollectionView table,
#JobsCollectionView table,
.SecurityTreeListView table {
  width: 100%;
  border-bottom: none;
}
#LanguagesCollectionView table br,
#CurrenciesCollectionView table br,
#JobsCollectionView table br,
.SecurityTreeListView table br {
  display: none;
}
#LanguagesCollectionView table td,
#CurrenciesCollectionView table td,
#JobsCollectionView table td,
.SecurityTreeListView table td,
#LanguagesCollectionView table th,
#CurrenciesCollectionView table th,
#JobsCollectionView table th,
.SecurityTreeListView table th {
  border-bottom: 1px solid #DFDFDF;
  padding: 10px !important;
  text-align: left;
}
#LanguagesCollectionView table tr td,
#CurrenciesCollectionView table tr td,
#JobsCollectionView table tr td,
.SecurityTreeListView table tr td {
  font-weight: normal !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#LanguagesCollectionView > div,
#CurrenciesCollectionView > div,
#JobsCollectionView > div,
.SecurityTreeListView > div {
  padding-bottom: 0 !important;
}
#LanguagesCollectionView table tr:first-child th,
#CurrenciesCollectionView table tr:first-child th,
#JobsCollectionView table tr:first-child th,
.SecurityTreeListView table tr:first-child th {
  color: #545454;
  text-align: left;
  font-weight: bold !important;
  height: auto  !important;
  line-height: 35px  !important;
  background: url(../images/table-items-header.png) left top repeat-x;
  padding: 0 0 0 10px !important;
}
#LanguagesCollectionView td.level-0,
#CurrenciesCollectionView td.level-0,
#JobsCollectionView td.level-0,
.SecurityTreeListView td.level-0 {
  padding-left: 10px !important;
}
#LanguagesCollectionView td.level-1,
#CurrenciesCollectionView td.level-1,
#JobsCollectionView td.level-1,
.SecurityTreeListView td.level-1 {
  padding-left: 45px !important;
  background: url(../images/elbow.gif) 20px 10px no-repeat;
}
#LanguagesCollectionView td.level-2,
#CurrenciesCollectionView td.level-2,
#JobsCollectionView td.level-2,
.SecurityTreeListView td.level-2 {
  padding-left: 75px !important;
  background: url(../images/elbow.gif) 50px 10px no-repeat;
}
#LanguagesCollectionView td.level-3,
#CurrenciesCollectionView td.level-3,
#JobsCollectionView td.level-3,
.SecurityTreeListView td.level-3 {
  padding-left: 105px !important;
  background: url(../images/elbow.gif) 80px 10px no-repeat;
}
#LanguagesCollectionView td.level-4,
#CurrenciesCollectionView td.level-4,
#JobsCollectionView td.level-4,
.SecurityTreeListView td.level-4 {
  padding-left: 135px !important;
  background: url(../images/elbow.gif) 110px 10px no-repeat;
}
#LanguagesCollectionView td.level-5,
#CurrenciesCollectionView td.level-5,
#JobsCollectionView td.level-5,
.SecurityTreeListView td.level-5 {
  padding-left: 165px !important;
  background: url(../images/elbow.gif) 140px 10px no-repeat;
}
#LanguagesCollectionView td.level-6,
#CurrenciesCollectionView td.level-6,
#JobsCollectionView td.level-6,
.SecurityTreeListView td.level-6 {
  padding-left: 195px !important;
  background: url(../images/elbow.gif) 170px 10px no-repeat;
}
#LanguagesCollectionView td.level-7,
#CurrenciesCollectionView td.level-7,
#JobsCollectionView td.level-7,
.SecurityTreeListView td.level-7 {
  padding-left: 225px !important;
  background: url(../images/elbow.gif) 200px 10px no-repeat;
}
#LanguagesCollectionView td.level-8,
#CurrenciesCollectionView td.level-8,
#JobsCollectionView td.level-8,
.SecurityTreeListView td.level-8 {
  padding-left: 255px !important;
  background: url(../images/elbow.gif) 230px 10px no-repeat;
}
#LanguagesCollectionView td.level-9,
#CurrenciesCollectionView td.level-9,
#JobsCollectionView td.level-9,
.SecurityTreeListView td.level-9 {
  padding-left: 285px !important;
  background: url(../images/elbow.gif) 260px 10px no-repeat;
}
#LanguagesCollectionView td.level-10,
#CurrenciesCollectionView td.level-10,
#JobsCollectionView td.level-10,
.SecurityTreeListView td.level-10 {
  padding-left: 315px !important;
  background: url(../images/elbow.gif) 290px 10px no-repeat;
}
#ModalView .SecurityTreeListView td.level-1,
#ModalView .SecurityTreeListView td.level-2,
#ModalView .SecurityTreeListView td.level-3,
#ModalView .SecurityTreeListView td.level-4,
#ModalView .SecurityTreeListView td.level-5,
#ModalView .SecurityTreeListView td.level-6,
#ModalView .SecurityTreeListView td.level-7,
#ModalView .SecurityTreeListView td.level-8,
#ModalView .SecurityTreeListView td.level-9,
#ModalView .SecurityTreeListView td.level-10 {
  background-position-y: 3px;
}
/*Roles*/
#RolesTreeListView .z-action-link {
  font-size: 12px;
  text-decoration: underline !important;
}
/*Jobs*/
#JobsCollectionView div.wide.form {
  float: none;
}
#JobsCollectionView .form form {
  padding: 0;
}
#JobsCollectionView h3 {
  padding-left: 10px;
  margin-top: 30px;
  margin-bottom: 10px;
}
#JobsCollectionView .jobs-help {
  margin: 10px 0 10px 10px;
  display: block;
}
#JobsCollectionView tr:last-child td {
  border-bottom: 1px solid #DFDFDF !important;
}
#JobsCollectionView table tr:first-child th {
  color: #545454;
  text-align: left;
  font-weight: bold !important;
  height: auto  !important;
  background: url(../images/table-items-header.png) left top repeat-x;
  padding: 0 0 0 10px !important;
}
#JobsCollectionView table {
  table-layout: auto;
  border-top: 1px solid #DFDFDF;
}
#JobsCollectionView table:first-child {
  border-top: none;
}
#JobsCollectionView #jobs-collection-form > div + table {
  border-top: none;
}
.job-log-link {
  display: table-cell;
  white-space: nowrap;
  float: left;
}
.job-name {
  display: table-cell;
  padding-left: 10px;
}
.reset-job-link {
  margin: 0 !important;
  float: right;
}
#JobLogsModalListView td:first-child,
#JobLogsModalListView th:first-child {
  padding-left: 15px;
}
.jobHasErrors {
  color: #cc0000;
}
.jobRanSuccessfully {
  color: #7BB730;
}
.jobHasNeverRun {
  color: #b38b01;
}
.button-column-right {
  text-align: right !important;
}
.run-button span:before {
  content: "";
  margin-right: 0px;
}
.run-button span:after {
  content: "7";
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-left: 5px;
  position: relative;
  top: 1px;
  font-weight: normal !important;
}
#logging-table,
#complete-table {
  margin-bottom: 15px;
}
#logging-table h3,
#complete-table h3 {
  margin-bottom: 8px;
}
#logging-table a,
#complete-table a {
  margin-right: 15px;
}
#logging-table ol,
#complete-table ol {
  list-style: decimal inside;
}
#logging-table li,
#complete-table li {
  margin-bottom: 5px;
}
/*Languages*/
#LanguagesCollectionView {
  padding-bottom: 0 !important;
}
#LanguagesCollectionView h1 + div {
  padding: 15px;
}
#LanguagesCollectionView h1 + div a {
  float: none;
  margin: 0 !important;
}
#LanguagesCollectionView form {
  padding: 0;
}
#LanguagesCollectionView .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
  margin-bottom: 5px;
}
#LanguagesCollectionView .hasChecBox {
  margin-top: 0 !important;
}
#LanguagesCollectionView form td > label:first-child {
  margin-top: 0 !important;
}
#LanguagesCollectionView tr:last-child td {
  border-bottom: none !important;
}
#LanguagesCollectionView .checkbox-column {
  padding-left: 15px !important;
}
#LanguagesCollectionView a {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  margin: -6px 0 0 10px;
}
#LanguagesCollectionView .configuration-list {
  border-top: 1px solid #ccc;
}
#LanguagesCollectionView .configuration-list li:first-child {
  border-top: 1px solid #fff;
}
#LanguagesCollectionView .z-label {
  padding: 0 25px;
}
#LanguagesCollectionView .z-label:before {
  display: none !important;
}
/*Currency*/
#currency-collection-form {
  padding-bottom: 5px !important;
}
#currency-collection-form .portlet-toolbar {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  padding-top: 13px;
  text-align: center;
  border-top: 1px solid #fff;
}
#currency-collection-form .portlet-toolbar a {
  display: inline-block;
  margin: 0 10px;
}
#currency-collection-form .view-toolbar-container {
  margin-bottom: 5px;
}
#currency-collection-form .checkbox-column {
  padding-left: 15px !important;
}
#CurrenciesCollectionView,
#CurrencyCreateView {
  float: left;
  width: 100%;
}
#CurrenciesCollectionView {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#CurrenciesCollectionView .form form {
  padding: 0;
}
#CurrencyCreateView {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: none;
}
/*Breadcrumbs*/
.breadcrumbs {
  padding: 0 0 15px 0;
  font-size: 11px;
}
/*designer*/
.ModuleEditView #edit-form label {
  text-align: left;
}
.multi-select-checkbox-input {
  *zoom: 1;
  width: 100%;
  display: block;
  margin-top: 4px;
}
.multi-select-checkbox-input:before,
.multi-select-checkbox-input:after {
  content: " ";
  display: table;
}
.multi-select-checkbox-input:after {
  clear: both;
}
.multi-select-checkbox-input .hasCheckBox {
  margin: 0 10px 0 0 !important;
}
.has-lang-label {
  position: relative;
  margin-bottom: 15px;
  clear: left;
}
.has-lang-label input {
  position: relative;
}
.has-lang-label input + span {
  background: url(../images/lang-label.png) left top no-repeat;
  display: inline-block;
  position: absolute;
  left: 1px;
  line-height: 24px;
  top: 1px;
  min-width: 80px;
  text-align: left;
  border-right: 1px solid #cccccc;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  font-size: 11px;
  -webkit-border-radius: 1px 0 0 1px;
  -moz-border-radius: 1px 0 0 1px;
  -ms-border-radius: 1px 0 0 1px;
  -o-border-radius: 1px 0 0 1px;
  border-radius: 1px 0 0 1px;
  padding: 0 10px 0 17px;
}
.has-lang-label .errorMessage {
  margin-bottom: 15px;
}
/*Users*/
#UsersListView {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#UsersPageView .panel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#UsersPageView .panel table {
  margin-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.panelTitle {
  padding-left: 15px;
  padding-top: 30px;
}
#UserConfigurationEditView #edit-form table {
  width: 100%;
}
#UserConfigurationEditView .radio-input {
  margin-bottom: 10px;
  display: block;
}
#UsersSearchView .search-view-1 table {
  border-bottom: none;
}
#UsersSearchView .search-view-1 th {
  width: 15%;
}
#UsersSearchView .search-view-1 td {
  width: 85%;
  padding-bottom: 15px;
}
#UsersSearchView .view-toolbar-container {
  margin-top: 15px;
}
/*User Profile*/
#UserViewAccountConfiguration > a:before {
  content: "n";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -2px;
}
/*=User Security*/
.UserGroupMembershipView,
#PoliciesEditAndDetailsView,
#ModulePermissionsEditAndDetailsView,
#RightsEditAndDetailsView {
  margin-top: 15px;
}
.UserGroupMembershipView .details-table,
#PoliciesEditAndDetailsView .details-table,
#ModulePermissionsEditAndDetailsView .details-table,
#RightsEditAndDetailsView .details-table {
  margin-right: 0;
}
.UserGroupMembershipView th,
#PoliciesEditAndDetailsView th,
#ModulePermissionsEditAndDetailsView th,
#RightsEditAndDetailsView th {
  text-align: left;
  min-width: 200px;
}
.UserGroupMembershipView {
  margin-top: 0;
}
.UserGroupMembershipView th {
  text-align: left !important;
}
/*Audit Modal*/
#AuditEventsModalListView tr td:first-child,
#AuditEventsModalListView tr th:first-child {
  padding-left: 15px;
}
#AuditEventsModalListView tr td:first-child:focus,
#AuditEventsModalListView tr th:first-child:focus {
  outline: none;
}
/*Email Config*/
#EmailConfigurationEditAndDetailsView .panel {
  width: 100% !important;
}
.EmailTestingButton {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #bababa;
}
#testImapConnection {
  margin: 0;
}
.connection-test {
  min-height: 60px;
  padding: 15px;
  line-height: 150%;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
}
#send-test-email-field {
  width: 100%;
  float: left;
}
#send-test-email-field > div {
  margin-right: 170px;
}
#send-test-email-field + span {
  float: left;
  width: 170px;
  margin-left: -170px;
}
#send-test-email-field + span a {
  margin: 0 !important;
  float: right;
}
/*Import window*/
.AppContent.ImportWizardView #edit-form h3 {
  margin-top: 0;
  margin-left: 0;
}
.AppContent.ImportWizardView #edit-form table {
  width: 100%;
}
.AppContent.ImportWizardView #edit-form table td {
  padding-left: 0;
}
.AppContent.ImportWizardView .right-side-edit-view-panel {
  background: none;
  padding: 0;
}
.AppContent.ImportWizardView #addExtraColumnButton {
  border-top: 1px solid rgba(200, 200, 200, 0.4);
  border-left: 1px solid rgba(185, 185, 185, 0.4);
  border-right: 1px solid rgba(185, 185, 185, 0.4);
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  color: #666 !important;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-indent: 0;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  margin: 0;
}
.AppContent.ImportWizardView #addExtraColumnButton:before,
.AppContent.ImportWizardView #addExtraColumnButton:after {
  content: " ";
  display: table;
}
.AppContent.ImportWizardView #addExtraColumnButton:after {
  clear: both;
}
.AppContent.ImportWizardView #addExtraColumnButton.attachLoading.z-button {
  color: #fff;
}
.AppContent.ImportWizardView #addExtraColumnButton:not(.attachLoading):not(.green-button) .z-label {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.AppContent.ImportWizardView .required-fields {
  font-size: 12px;
  line-height: 18px;
  padding-left: 10px;
}
.AppContent.ImportWizardView .required-fields strong {
  margin-bottom: 4px;
  margin-left: -10px;
}
/*= step 2*/
#ImportWizardUploadFileView .hasCheckBox {
  margin: 0 !important;
}
#ImportWizardUploadFileView .hasCheckBox + label {
  margin: 5px 0 0 10px !important;
}
/*= Step 3*/
/*=Step 4,Mapping view*/
#ImportWizardMappingView > .wrapper {
  padding-bottom: 10px;
}
#ImportWizardMappingView #edit-form {
  padding: 0;
}
#ImportWizardMappingView h3 {
  margin: 0;
}
#ImportWizardMappingView table {
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
}
#ImportWizardMappingView table tr:first-child th {
  color: #545454;
  text-align: left;
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: url(../images/table-items-header.png) left top repeat-x;
  padding: 0 0 0 15px !important;
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}
#ImportWizardMappingView td {
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px !important;
  border-bottom: 1px solid #DFDFDF;
}
#ImportWizardMappingView .column-import-data {
  margin-top: 5px;
}
#ImportWizardMappingView tr td:last-child {
  padding-right: 0;
  vertical-align: top;
}
#ImportWizardMappingView td + td {
  vertical-align: top;
}
#sample-column-header {
  position: relative;
}
#sample-column-header a {
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
}
#sample-column-header a:hover {
  text-decoration: none;
  filter: alpha(opacity=75);
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#sample-column-header a + a {
  margin-left: 5px;
}
#sample-column-header div {
  display: inline-block;
  margin-left: 5px;
}
.mapping-rules h4 {
  padding: 10px 0 5px 0;
}
.mapping-rules label {
  line-height: 26px;
  padding-right: 10px;
  width: 35%;
}
.mapping-rules > div {
  width: 49.5%;
  display: inline-block;
}
.mapping-rules > div > .has-model-select,
.mapping-rules > div > .hasDropDown,
.mapping-rules > div > input {
  width: 65% !important;
  display: inline-block;
}
.mapping-rules > div:last-child {
  width: 100%;
}
.mapping-rules > div + div:last-child {
  width: 49.5%;
  margin-left: 1%;
}
.mapping-rules.multiple table {
  width: 49.5% !important;
  float: left !important;
}
.mapping-rules.multiple table + table {
  float: right !important;
}
.remove-extra-column-link {
  float: right;
  display: inline-block;
  position: relative;
  top: -21px;
  right: -90px;
  z-index: 99999;
}
/*=Step 5, process details*/
#sequential-process-spinner .z-spinner {
  display: block;
  margin: -1px 10px 0 0;
}
#import-temp-table-list-view {
  text-align: center;
}
#import-temp-table-list-view table {
  table-layout: auto;
  border-bottom: 1px solid #CCCCCC;
  background: #fafafa;
}
#import-temp-table-list-view tr:first-child th {
  line-height: 1;
  padding: 5px;
  text-align: center;
}
#import-temp-table-list-view td {
  text-align: center;
  vertical-align: middle;
}
#import-temp-table-list-view .drillDownContent {
  min-height: 0;
}
#import-temp-table-list-view .pager {
  -webkit-box-shadow: inset 0 -1px 0 #dfdfdf;
  -moz-box-shadow: inset 0 -1px 0 #dfdfdf;
  -ms-box-shadow: inset 0 -1px 0 #dfdfdf;
  -o-box-shadow: inset 0 -1px 0 #dfdfdf;
  box-shadow: inset 0 -1px 0 #dfdfdf;
  border-top: none;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
}
#import-temp-table-list-view .pager li {
  border-bottom: 1px solid #DFDFDF;
}
#ImportWizardDataAnalysisCompleteView > div {
  margin: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#ImportWizardDataAnalysisCompleteView > div #edit-form:after {
  display: none;
}
#ImportWizardImportRulesView .radio-input {
  margin-bottom: 10px !important;
}
#ImportWizardImportRulesView table {
  margin-bottom: 0 !important;
}
#ImportWizardImportRulesView table span {
  text-align: left;
  display: block;
  margin-bottom: 20px;
}
.progressbar-container {
  padding: 15px;
}
.process-message {
  padding: 0 15px 15px 15px;
}
#ImportSequentialProcessContainerView > div {
  float: left;
  width: 100%;
}
#ImportSequentialProcessContainerView #edit-form {
  border: 0 !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#ImportSequentialProcessContainerView #edit-form table {
  width: 100%;
}
#ImportSequentialProcessContainerView td {
  padding: 5px !important;
}
#ImportSequentialProcessContainerView td h3 {
  margin: 0 !important;
}
#ImportSequentialProcessContainerView h3,
#ImportSequentialProcessContainerView h3 + span {
  margin: 0;
  display: block;
  position: relative;
}
#ImportSequentialProcessContainerView .process-container-view {
  *zoom: 1;
}
#ImportSequentialProcessContainerView .process-container-view:before,
#ImportSequentialProcessContainerView .process-container-view:after {
  content: " ";
  display: table;
}
#ImportSequentialProcessContainerView .process-container-view:after {
  clear: both;
}
#ImportSequentialProcessContainerView .process-container-view:after {
  clear: none !important;
}
#ImportWizardCreateUpdateModelsCompleteView > div {
  padding: 0 !important;
  margin: 0;
  border: 0 !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#ImportWizardCreateUpdateModelsCompleteView table {
  border-bottom: 1px solid #DFDFDF !important;
}
#ImportWizardCreateUpdateModelsCompleteView table tr:first-child th {
  font-weight: bold !important;
}
#ImportWizardCreateUpdateModelsCompleteView td {
  padding: 5px !important;
}
#ImportWizardCreateUpdateModelsCompleteView th {
  text-align: left;
  font-size: 12px !important;
  color: #666;
  font-weight: 400 !important;
}
#ImportWizardCreateUpdateModelsCompleteView h3 {
  margin: 0 0 10px 0 !important;
}
#import-temp-table-list-view-rowDrillDown {
  width: 30px;
}
.icon-import-mapping {
  display: block;
  font-weight: bold;
  padding: 3px 0 5px 0;
}
.import-notifications {
  text-align: left;
  padding: 7px 5px 5px 40px;
}
.import-notifications li + li {
  margin-top: 5px;
}
.import-summary {
  width: 60%;
  margin: 20px auto 0 auto;
  line-height: 150%;
  list-style: none;
}
.import-summary li {
  text-align: center;
  position: relative;
  margin: 0 1% 3px 1%;
  width: 31%;
  float: left;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.0);
}
.import-summary li > strong {
  display: block;
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 5px;
}
.import-summary .led {
  display: block;
  margin-top: 5px;
  width: 100%;
  height: 2px;
  background: #ffd900;
  -webkit-box-shadow: 0 1px 0 0 #f3f3f3;
  -moz-box-shadow: 0 1px 0 0 #f3f3f3;
  -ms-box-shadow: 0 1px 0 0 #f3f3f3;
  -o-box-shadow: 0 1px 0 0 #f3f3f3;
  box-shadow: 0 1px 0 0 #f3f3f3;
}
.import-summary .led.state-true {
  background: #97c43d;
  -webkit-box-shadow: 0 1px 0 0 #f3f3f3;
  -moz-box-shadow: 0 1px 0 0 #f3f3f3;
  -ms-box-shadow: 0 1px 0 0 #f3f3f3;
  -o-box-shadow: 0 1px 0 0 #f3f3f3;
  box-shadow: 0 1px 0 0 #f3f3f3;
}
.import-summary .led.state-false {
  background: #c43d53;
  -webkit-box-shadow: 0 1px 0 0 #f3f3f3;
  -moz-box-shadow: 0 1px 0 0 #f3f3f3;
  -ms-box-shadow: 0 1px 0 0 #f3f3f3;
  -o-box-shadow: 0 1px 0 0 #f3f3f3;
  box-shadow: 0 1px 0 0 #f3f3f3;
}
.import-results-toolbar {
  border: 1px solid #DFDFDF;
  border-bottom: none;
}
.import-results-toolbar .ui-buttonset {
  padding-top: 10px;
}
#SequentialProcessView .process-container-view {
  margin: 0;
  padding: 0;
}
#ImportErrorsListView {
  margin-bottom: 15px;
}
#ImportErrorsListView #list-view {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#ImportErrorsListView .items {
  table-layout: fixed;
}
#ImportErrorsListView tr td:first-child,
#ImportErrorsListView tr th:first-child {
  width: 35px !important;
}
/*Theme Chooser*/
.color-swatch,
.texture-swatch {
  margin-bottom: 10px;
  width: 50%;
  float: left;
  display: inline-block !important;
  clear: none;
}
.color-swatch span,
.texture-swatch span {
  display: inline-block;
  width: 32px;
  height: 16px;
}
.color-swatch label,
.texture-swatch label {
  float: none !important;
  top: -3px;
  margin-left: 0;
}
.color-swatch input,
.texture-swatch input {
  margin-right: 12px !important;
  margin-top: 2px;
}
.color-swatch .icon-lock,
.texture-swatch .icon-lock {
  margin: 0;
  padding: 0 !important;
  font-style: normal;
}
.color-swatch [id*="theme-color-tooltip"],
.texture-swatch [id*="theme-color-tooltip"],
.color-swatch [id*="background-texture-tooltip"],
.texture-swatch [id*="background-texture-tooltip"] {
  width: auto !important;
  position: relative;
  left: -25px;
  font-size: 18px;
  top: -5px;
  position: absolute;
  border: none;
}
.color-swatch input[disabled="disabled"],
.texture-swatch input[disabled="disabled"] {
  visibility: hidden;
}
.texture-swatch span {
  width: 90px;
  border: 3px solid #DDDEDE;
}
.texture-swatch input {
  position: relative;
  top: 9px;
}
.texture-swatch .background-texture-1 {
  margin-right: 10px;
  margin-top: 0;
  position: relative;
  top: 7px;
}
.texture-swatch [id*="background-texture-tooltip"] {
  top: -3px;
}
.texture-swatch label {
  top: 0;
}
.color-swatch span {
  position: relative;
  top: 3px;
}
.color-swatch .theme-color-3 {
  margin-right: 10px;
}
/*Menu Prefernces*/
.user-menu-preferences td {
  padding-left: 0 !important;
}
.user-menu-preferences .multiselect-holder {
  max-width: 100%;
  margin: 0;
}
.user-menu-preferences .multiselect-right {
  float: none;
}
.user-menu-preferences .multiselect-nav {
  margin-left: 0;
}
/*Logo Uplaod*/
.uploaded-logo-template td.name {
  padding-top: 10px !important;
}
.uploaded-logo {
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
  line-height: 1;
  background: url(../images/transparency-grid.gif) left top repeat;
}
.uploaded-logo ~ .file-size {
  vertical-align: top;
}
/*footer preview*/
.footer-preview-modal {
  padding: 15px;
  white-space: normal;
  word-break: break-all;
}
/*Diagnostics*/
#DiagnosticCheckServicesView table {
  margin-top: 15px;
}
#DiagnosticCheckServicesView .fail,
#DiagnosticCheckServicesView .warning,
#DiagnosticCheckServicesView .pass {
  display: block;
  text-align: center;
}
/*Queues*/
#QueuesListView {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
#queue-search-element .z-spinner {
  display: block !important;
  left: 198px;
  top: 4px;
}
/*Groups and Roles*/
.security-rights p,
.security-permissions p,
.security-roles p,
.security-groups p,
.security-nested-groups p,
.security-adhoc-sharing p {
  margin-left: 100px !important;
}
.security-rights .icon,
.security-permissions .icon,
.security-roles .icon,
.security-groups .icon,
.security-nested-groups .icon,
.security-adhoc-sharing .icon {
  position: relative;
  margin: 0px 15px 0 0;
  display: inline-block;
  height: 100%;
}
.security-rights .icon:before,
.security-permissions .icon:before,
.security-roles .icon:before,
.security-groups .icon:before,
.security-nested-groups .icon:before,
.security-adhoc-sharing .icon:before {
  content: '\00D4';
  font-weight: normal !important;
  font-size: 145px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60px;
  position: absolute;
  top: 15px;
  left: 10px;
  -webkit-text-shadow: 0 -1px 0 #000000;
  -moz-text-shadow: 0 -1px 0 #000000;
  -ms-text-shadow: 0 -1px 0 #000000;
  -o-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
}
.security-permissions .icon:before {
  content: '\00CA';
}
.security-roles .icon:before {
  content: '\00C9';
}
.security-groups .icon:before {
  content: '\00DB';
}
.security-nested-groups .icon:before {
  content: '\00EA';
}
.security-adhoc-sharing .icon:before {
  content: '\00EB';
}
.available-portlets {
  padding: 15px 15px 0 15px;
  list-style: none;
  *zoom: 1;
  max-height: 400px;
  overflow-y: scroll;
  /*
	.icon-:before{
		content: "z";
	}
	.icon-:before{
		content: "z";
	}
	.icon-:before{
		content: "z";
	}
	*/

}
.available-portlets:before,
.available-portlets:after {
  content: " ";
  display: table;
}
.available-portlets:after {
  clear: both;
}
.available-portlets li {
  margin-bottom: 15px;
  color: #666;
  vertical-align: middle;
}
.available-portlets h3 {
  position: relative;
}
.available-portlets h3 a {
  padding-left: 40px;
}
.available-portlets h3 span:before {
  content: "z";
  font-weight: normal !important;
  font-size: 40px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  position: absolute;
  top: -8px;
  border: none;
  outline: none !important;
  display: inline-block;
  color: #666;
  margin: 0;
}
.available-portlets a {
  outline: none !important;
  cursor: pointer;
}
.available-portlets a:foucs {
  outline: none;
}
.available-portlets div {
  padding-left: 40px;
}
.available-portlets .mini-button {
  float: right;
  position: relative;
  margin-left: 0;
  top: -10px;
}
.available-portlets .mini-button span {
  display: block;
  padding: 0 6px 0 6px;
  background: none;
}
.available-portlets .icon-contacts:before {
  content: "y";
}
.available-portlets .icon-leads:before {
  content: ".";
}
.available-portlets .icon-opportunities:before {
  content: "9";
}
.available-portlets .icon-reports:before {
  content: '\V';
}
.available-portlets .icon-products:before {
  content: '\003E';
}
.available-portlets .icon-products:after {
  content: '';
  display: none;
}
.available-portlets .icon-rssReader:before {
  content: "z";
}
.available-portlets .icon-tasks:before {
  content: "4";
}
.available-portlets .icon-missions:before {
  content: 'Q';
}
.available-portlets .icon-accounts:before {
  content: "P";
}
.available-portlets .icon-activities:before {
  content: '\00A5';
}
.available-portlets .icon-socialItems:before {
  content: "u";
}
.available-portlets .icon-iframe:before {
  content: '\2211';
  font-size: 48px;
}
.available-portlets .icon-maps:before {
  content: 'L';
  font-size: 46px;
}
.available-portlets .icon-googleWebTracking:before {
  content: '\00DA';
  font-size: 46px;
}
.available-portlets .icon-marketingLists:before {
  content: '\0022';
  font-size: 46px;
}
.available-portlets .icon-projects:before {
  content: '\02C7';
}
.available-portlets .icon-notes:before {
  content: '3';
}
.available-portlets .icon-meetings:before {
  content: 'U';
}
/*Edit Portlet*/
#modal-edit-form th {
  line-height: 24px;
}
#modal-edit-form th,
#modal-edit-form td {
  padding: 0 0 15px 0;
}
#modal-edit-form input[type="checkbox"] + label {
  width: 60px;
  margin-top: 0;
}
#modal-edit-form td > label {
  margin-top: 10px;
}
#modal-edit-form td > label:first-child {
  margin-top: 5px;
}
#modal-edit-form .panelTitle {
  padding-left: 0;
  padding-top: 0;
}
.panelTitle {
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0;
}
/*Edit+Add Dashboard*/
#DashboardEditView .panel {
  width: 100% !important;
}
/*Missions*/
#MyMissionsForPortletView > div {
  float: none;
  margin-bottom: 0;
}
#MyMissionsForPortletView .items td {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
#MyMissionsForPortletView .items td:last-child {
  border-top: none;
}
#MyMissionsForPortletView .missionStatusChangeArea a:first-child {
  margin-left: 0 !important;
}
#MyMissionsForPortletView .missionStatusChangeArea a:last-child {
  margin-right: 0 !important;
}
#MyMissionsForPortletView .actions-column {
  width: 200px;
}
#MyMissionsForPortletView td:first-child {
  border-top: none;
}
#MyMissionsForPortletView .mission-status {
  font-size: 11px;
}
/*Charts*/
.missing-chart {
  display: block;
  text-align: center;
  position: relative;
  top: 50%;
  margin-top: -34px;
  font-size: 12px;
}
.missing-chart:before {
  content: "j";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 10px;
  position: relative;
  top: 1px;
}
/*Map*/
.mapCanvasPortlet {
  width: 100%;
  height: 400px;
}
/*Products*/
#product-portlet-grid-view {
  overflow-x: scroll;
}
div.form fieldset {
  border: 1px solid #DDD;
  padding: 10px;
  margin: 0 0 10px 0;
  -moz-border-radius: 7px;
}
div.form .hint {
  margin: 0;
  padding: 0;
  color: #999;
}
div.form .note {
  font-style: italic;
}
div.form span.required {
  color: red;
}
div.form div.error label,
div.form label.error,
div.form span.error {
  color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form td.error input,
div.form td.error textarea,
div.form td.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
  border-color: #CC0000;
  -webkit-box-shadow: 0 0 1px 1px rgba(205, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1px 1px rgba(205, 0, 0, 0.5);
  -ms-box-shadow: 0 0 1px 1px rgba(205, 0, 0, 0.5);
  -o-box-shadow: 0 0 1px 1px rgba(205, 0, 0, 0.5);
  box-shadow: 0 0 1px 1px rgba(205, 0, 0, 0.5);
}
div.form .errorSummary {
  position: relative;
  margin: 0 0 15px 0;
  padding: 10px;
  border-radius: 5px !important;
  border: 1px solid #cc0000;
  background: #ffb5b5;
  font-weight: bold;
  -webkit-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  -moz-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  -ms-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  -o-box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 20px 5px rgba(153, 153, 153, 0.5);
}
div.form .errorMessage {
  color: #CC0000;
  font-size: 11px;
  font-weight: normal;
  width: auto;
  float: left;
  margin-top: 12px;
  border: 1px solid #CC0000;
  padding: 4px;
  background: #FFBCB9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 2px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 2px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 2px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 2px 1px rgba(153, 153, 153, 0.3);
  position: relative;
}
div.form .errorMessage:before {
  content: "";
  font-size: 0;
  width: 12px;
  height: 9px;
  display: block;
  position: absolute;
  left: 6px;
  top: -8px;
  background: url(../images/error-tip.png) left bottom no-repeat;
}
div.form .errorSummary p {
  margin: 0 0 5px 0;
}
div.form .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}
div.wide.form label {
  float: left;
  position: relative;
}
div.wide.form .row {
  clear: left;
}
div.wide.form .buttons,
div.wide.form .hint,
div.wide.form .errorMessage {
  clear: both;
  padding-left: 2px;
}
.field-description {
  margin-top: 5px;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  display: inline-block;
  color: #999;
}
/*Upload Files Box (in selected account, in Note)*/
.file-upload-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  margin: 0 !important;
  width: 100%;
}
.file-upload-box > .ui-widget {
  width: 100%;
}
.file-upload-box div {
  margin-left: 0 !important;
}
.file-upload-box .fileinput-button {
  width: 100%;
}
.file-upload-box .ui-icon-plusthick {
  padding: 0 5px;
}
.file-upload-box .ui-icon-plusthick:after {
  content: "Y";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.add-label {
  font-weight: normal !important;
}
.show-file-upload-box {
  position: relative;
  bottom: -18px;
  z-index: 5;
  font-weight: normal;
  font-size: 11px;
}
#CommentInlineEditForModelView .fileupload-content {
  width: 100%;
}
#CommentInlineEditForModelView .fileupload-content td.name {
  padding: 5px 0 0 0 !important;
}
.files {
  font-size: 11px;
  margin-top: 5px;
  float: left !important;
}
.files td {
  padding: 2px 0 !important;
  vertical-align: middle;
  font-weight: 400 !important;
}
.files .ui-state-error td {
  color: #CC0000;
  font-weight: bold;
}
.file-size {
  font-size: 10px;
  margin-left: 5px;
  color: #999;
}
.template-upload .name {
  position: relative;
}
.template-upload .z-spinner {
  position: relative;
  float: left;
  display: block;
  margin-top: -1px;
}
.upload-actions {
  float: right;
}
.upload-actions .icon-delete {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 16px;
  margin-top: -2px;
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.upload-actions .icon-delete span {
  display: none;
}
.upload-actions .icon-delete:before {
  margin: 0;
  top: 0;
  cursor: pointer;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.upload-actions .icon-delete:hover:before {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.upload-actions button.start,
.upload-actions button.cancel {
  cursor: pointer;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 0 4px;
  color: #fff;
  font-weight: normal;
  background: none;
}
.upload-actions button.start:hover,
.upload-actions button.cancel:hover {
  -webkit-box-shadow: 0 0 1px 0 #333333;
  -moz-box-shadow: 0 0 1px 0 #333333;
  -ms-box-shadow: 0 0 1px 0 #333333;
  -o-box-shadow: 0 0 1px 0 #333333;
  box-shadow: 0 0 1px 0 #333333;
}
.upload-actions button.start span,
.upload-actions button.cancel span {
  display: none;
  padding: 2px;
  font-size: 10px !important;
  line-height: 1;
}
.upload-actions button.start .ui-button-text,
.upload-actions button.cancel .ui-button-text {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.upload-actions button.start .ui-button-text span,
.upload-actions button.cancel .ui-button-text span {
  display: block;
  padding: 1px;
}
.upload-actions button.start span {
  background-color: #6fa82d;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d);
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d));
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d);
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d);
  background-image: linear-gradient(top, #97c43d, #6fa82d);
}
.upload-actions button.cancel span {
  background-color: #a82d31;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31);
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31));
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31);
  background-image: -o-linear-gradient(top, #c43d53, #a82d31);
  background-image: linear-gradient(top, #c43d53, #a82d31);
}
.addfileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 0;
}
.addfileinput-button span {
  border-top: 1px solid rgba(200, 200, 200, 0.4);
  border-left: 1px solid rgba(185, 185, 185, 0.4);
  border-right: 1px solid rgba(185, 185, 185, 0.4);
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  color: #666 !important;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
  text-indent: 0;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  -webkit-box-shadow: 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 2px 0 rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 2px 0 rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 2px 0 rgba(153, 153, 153, 0.15);
  font-weight: normal !important;
  font-size: 36px;
  font-family: "zurmo_gamification_symbly_rRg";
  font-size: 24px;
  padding: 0 6px !important;
  margin: 0 5px 0 0 !important;
  position: relative;
  top: 2px;
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.addfileinput-button span:before,
.addfileinput-button span:after {
  content: " ";
  display: table;
}
.addfileinput-button span:after {
  clear: both;
}
.addfileinput-button span.attachLoading.z-button {
  color: #fff;
}
.addfileinput-button span:not(.attachLoading):not(.green-button) .z-label {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.addfileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid red;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
  height: 30px;
  width: auto;
}
.fileupload-buttonbar {
  position: relative;
}
.max-upload-size {
  margin-top: 5px;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  display: inline-block;
  color: #999;
  margin: 9px 0 0 10px;
}
.ImportWizardView .files {
  margin-top: 15px;
}
.ImportWizardView .fileinput-button input {
  -moz-transform: translate(-500px, 0) scale(6);
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
#ui-datepicker-div {
  max-width: 250px;
}
.ui-datepicker {
  z-index: 10000;
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.ui-datepicker.ui-datepicker-inline {
  margin: 15px;
}
.ui-datepicker .ui-datepicker-header {
  height: 35px;
  background: #111111 url(../images/datepicker-header.png) left top repeat-x !important;
  color: #FFF;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
  width: 15%;
  line-height: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  text-align: left;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span {
  visibility: hidden;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "◀";
}
.ui-datepicker .ui-datepicker-prev:hover {
  cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
  width: 15%;
  line-height: 35px;
  text-align: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.ui-datepicker .ui-datepicker-next span {
  visibility: hidden;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "▶";
  margin-left: 10px;
}
.ui-datepicker .ui-datepicker-next :hover {
  cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-title {
  float: left;
  text-align: center;
  width: 70%;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  color: #DFDFDF;
  -webkit-text-shadow: #000000 0 1px 0;
  -moz-text-shadow: #000000 0 1px 0;
  -ms-text-shadow: #000000 0 1px 0;
  -o-text-shadow: #000000 0 1px 0;
  text-shadow: #000000 0 1px 0;
}
.ui-datepicker .ui-datepicker-calendar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-color: #BBB;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-spacing: 0;
  border-collapse: collapse;
  background: #fff;
}
.ui-datepicker .ui-datepicker-calendar th {
  background: #f5f5f5 url(../images/datepicker-sprite-ie.png) left -35px repeat-x !important;
}
.ui-datepicker .ui-datepicker-calendar th:last-child {
  border-right: 1px solid #BBB;
}
.ui-datepicker .ui-datepicker-calendar a {
  font-size: 9px;
  font-weight: bold;
  color: #656565;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  text-indent: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 3px;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar span {
  width: 30px;
  height: 20px;
  display: block;
  text-align: center;
  color: #656565;
  font-weight: bold;
  font-size: 9px;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td {
  min-width: 30px;
  height: 30px;
  border-color: #BBB;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-top: 1px solid #bbb !important;
  background: #f5f5f5 url(../images/datepicker-sprite-ie.png) left top repeat-x !important;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month {
  background-image: none;
  background: #f5f5f5 url(../images/datepicker-sprite-ie.png) left bottom repeat-x !important;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span {
  color: #B3B3B3;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
  background-image: none !important;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  background-image: none;
  background: #f5f5f5 url(../images/datepicker-sprite-ie.png) left bottom repeat-x !important;
}
.ui-datepicker .ui-datepicker-buttonpane {
  float: left;
  width: 100%;
  border-top: 1px solid #fff;
  padding: 5px 0;
  *zoom: 1;
}
.ui-datepicker .ui-datepicker-buttonpane:before,
.ui-datepicker .ui-datepicker-buttonpane:after {
  content: " ";
  display: table;
}
.ui-datepicker .ui-datepicker-buttonpane:after {
  clear: both;
}
.ui-datepicker .ui-datepicker-current {
  float: left;
  margin: 0 10px;
}
.ui-datepicker .ui-datepicker-close {
  float: right;
  margin: 0 10px;
}
.ui-datepicker .ui-timepicker-div {
  float: left;
  padding: 10px 5px 0 5px;
  border-bottom: 1px solid #bbb;
  line-height: 1;
}
.ui-datepicker .ui-timepicker-div dt {
  float: left;
  width: 30%;
  height: auto !important;
  font-weight: bold;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}
.ui-datepicker .ui-timepicker-div dd {
  margin: 0 0 0 0 !important;
  float: left;
  width: 70%;
  height: 25px;
}
.ui-datepicker .ui-timepicker-div select {
  position: relative;
  top: -4px;
  width: 100%;
}
.ui-datepicker .ui-slider {
  background: #111111 url(../images/datepicker-header.png) left top repeat-x !important;
  height: 4px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  border-radius: 2px !important;
  position: relative;
  top: 4px;
}
.ui-datepicker .ui-slider-handle {
  background: #fff;
  border: 1px solid #BBB;
  height: 10px;
  width: 10px;
  display: block;
  position: absolute;
  top: -4px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  border-radius: 2px !important;
}
.ui-datepicker .calendar-events-1 span,
.ui-datepicker .calendar-events-2 span,
.ui-datepicker .calendar-events-3 span,
.ui-datepicker .calendar-events-4 span,
.ui-datepicker .calendar-events-5 span,
.ui-datepicker .calendar-events-6 span {
  position: relative !important;
  float: left;
  width: 100%;
  word-wrap: break-word;
  padding: 0 !important;
  text-align: left !important;
  font-size: 46px;
  letter-spacing: -6px;
  vertical-align: middle;
  text-align: left;
  vertical-align: top;
}
.ui-datepicker .calendar-events-1 span:before,
.ui-datepicker .calendar-events-2 span:before,
.ui-datepicker .calendar-events-3 span:before,
.ui-datepicker .calendar-events-4 span:before,
.ui-datepicker .calendar-events-5 span:before,
.ui-datepicker .calendar-events-6 span:before {
  position: absolute;
  top: -1px;
  line-height: 10px;
}
.ui-datepicker .calendar-events-1 span:before {
  content: "‧";
}
.ui-datepicker .calendar-events-2 span:before {
  content: "‧‧";
}
.ui-datepicker .calendar-events-3 span:before {
  content: "‧‧‧";
}
.ui-datepicker .calendar-events-4 span:before {
  content: "‧‧‧\202F‧";
}
.ui-datepicker .calendar-events-5 span:before {
  content: "‧‧‧\202F‧‧";
}
.ui-datepicker .calendar-events-6 span:before {
  content: "‧‧‧\202F‧‧‧";
}
.ui-datepicker .ui_tpicker_second,
.ui-datepicker .ui_tpicker_millisec,
.ui-datepicker .ui_tpicker_microsec {
  display: none;
}
.token-input-list {
  position: relative;
}
.token-input-input-token {
  padding: 2px;
}
/* Example tokeninput style #2: Facebook style */
ul.token-input-list {
  z-index: 0;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  cursor: text;
  min-height: 1px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #999;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul.token-input-list input[type="text"] {
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  position: relative;
  z-index: 9999;
}
ul.token-input-list.disabled {
  pointer-events: none;
  background: #EFEFEF;
}
ul.token-input-list.disabled input {
  background: #EFEFEF;
}
ul.token-input-list li input {
  border: 0;
  margin: 0 !important;
  -webkit-appearance: caret;
  padding: 0 !important;
  line-height: 100%;
}
li.token-input-token {
  overflow: hidden;
  height: auto !important;
  margin: 3px;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  background-color: #D4E7BC;
  color: #666 !important;
  cursor: default;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  float: left;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
}
li.token-input-token p {
  display: inline;
  padding: 0;
  margin: 0;
  color: #545454 !important;
  font-size: 11px;
  font-style: normal;
}
li.token-input-token span {
  line-height: 1;
  padding: 0 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #545454 !important;
  margin-left: 2px;
  font-weight: normal;
  cursor: pointer;
}
li.token-input-token span:hover {
  color: #fff !important;
  background: #648c32;
}
li.token-input-token b,
li.token-input-token p {
  font-weight: normal;
}
li.token-input-selected-token {
  color: #fff !important;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
}
li.token-input-input-token {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.token-input-dropdown {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  z-index: 1;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  color: #999;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
}
div.token-input-dropdown p {
  margin: 0;
  padding: 5px;
}
div.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}
div.token-input-dropdown ul li {
  background-color: #fff;
  padding: 3px;
  margin: 3px;
  list-style-type: none;
}
div.token-input-dropdown ul li.token-input-dropdown-item {
  background-color: #fff;
}
div.token-input-dropdown ul li.token-input-dropdown-item2 {
  background-color: #fff;
}
div.token-input-dropdown ul li em {
  font-style: normal;
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #D4E7BC;
  color: #545454;
}
#NotificationsForUserListView h4 + div {
  margin-top: 5px;
}
.panel-buffer {
  padding: 15px;
}
.add-custom-field .panel-buffer {
  height: 30px;
}
.add-custom-field .panel-buffer > div {
  width: 100%;
  float: left;
}
.add-custom-field .hasDropDown {
  margin-right: 130px;
  width: auto;
}
.add-custom-field .configure-custom-field-button {
  position: relative;
  top: 1px;
}
.add-custom-field .configure-custom-field-button:before {
  content: "n";
  font-weight: normal !important;
  font-size: 16px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 5px;
  position: relative;
  top: 0px;
}
#attributeTypeNameButton {
  margin: 0 0 0 -115px;
  float: right;
  clear: right;
}
.lead-conversion-radiobutton {
  display: block;
  margin-bottom: 10px;
}
.lead-conversion-radiobutton label {
  float: none !important;
  margin-left: 20px;
}
.modal-settings .wide.form {
  padding: 15px !important;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.modal-settings .hasCheckBox {
  margin-left: 0;
}
.modal-settings th,
.modal-settings td {
  padding: 0 0 15px 0;
}
.designer-toolbar {
  margin: 0;
}
.designer-toolbar input[type="submit"] {
  margin-bottom: 15px;
}
.designer-toolbar h3 {
  margin: 0 0 5px 0;
  padding-left: 0;
}
.designer-toolbar > div {
  margin-bottom: 25px;
}
#NotificationBar span {
  font-size: 12px;
  display: block;
  color: #cc0000 !important;
  margin: 0 0 15px 0;
}
.panelToPlace,
.rowToPlace,
.element-to-place {
  text-align: center;
  white-space: nowrap;
  margin: 1px;
  line-height: 30px;
  min-width: 120px;
  height: 30px;
  border: 1px solid #ccc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
}
.panelToPlace.ui-state-disabled,
.rowToPlace.ui-state-disabled,
.element-to-place.ui-state-disabled {
  color: #dcdcdc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #efefef, #ededed);
  background-image: -ms-linear-gradient(top, #efefef, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #efefef, #ededed);
  background-image: -o-linear-gradient(top, #efefef, #ededed);
  background-image: linear-gradient(top, #efefef, #ededed);
}
.layout-parts-container {
  overflow: scroll;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.layout-parts {
  float: left;
}
.layout-parts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
}
.layout-elements {
  width: 100%;
}
.layout-elements-column-container {
  float: left;
}
.sortable-panel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  display: block;
  float: left;
  margin: 1px 0;
  padding: 10px 10px 10px 10px;
  width: 100% !important;
  min-height: 60px !important;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
.modal-settings {
  margin: 1px;
  padding: 1px;
  min-height: 60px;
  display: none;
  z-index: 2000;
}
.cell-element {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
}
.cell-element-icon {
  float: right;
}
.cell-handle-icon {
  cursor: hand;
  cursor: pointer;
  float: left;
  clear: right;
}
.row-element-icon {
  float: right;
  clear: right;
}
.row-handle-icon {
  cursor: hand;
  cursor: pointer;
  float: left;
  clear: right;
}
.panel-element-icon {
  clear: none;
  float: right;
}
.panel-handle-icon {
  cursor: hand;
  cursor: pointer;
  float: left;
}
.panel-settings div.wide.form label.hasCheckBox,
.cell-settings div.wide.form label.hasCheckBox {
  margin-top: -5px !important;
  margin-bottom: 0;
}
.sortable-row-list-container ul {
  list-style-type: none;
  clear: both;
  margin: 5px 5px 5px 20px;
  padding: 15px 0;
}
.sortable-row-list-container ul > li {
  min-height: 60px;
  margin-bottom: 5px;
  padding: 5px;
}
.layout-single-column {
  margin: 15px 0 15px 0;
  height: 30px;
  line-height: 30px;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-single-column.droppable-cell-container {
  width: 90%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-double-column {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px 5px;
  line-height: 30px;
  width: 45%;
  height: 30px;
  float: left;
}
.panel-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
  min-height: 60px;
  float: left;
  width: 100%;
}
.panel-list > li {
  min-height: 60px;
  margin-bottom: 5px;
}
#sortable-editable-dropdown-collection {
  clear: left;
}
#sortable-editable-dropdown-collection li {
  height: auto;
  font-size: 1em;
}
.ui-icon {
  cursor: pointer;
}
.ui-icon-trash:after {
  content: "_";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.ui-icon-circle-minus:after {
  content: "S";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.ui-icon-circle-plus:after {
  content: "Y";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.ui-icon-arrow-4 {
  display: block;
}
.ui-icon-arrow-4:after {
  content: ")";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: -2px 5px 0 0;
  padding: 0;
}
.ui-icon-wrench {
  display: block;
}
.ui-icon-wrench:after {
  content: "n";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0;
  display: block;
  float: right;
  color: #A7A7A7;
  margin: 0;
  padding: 0 2px;
}
.sticky {
  width: 100%;
  float: left;
  z-index: 15000;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
}
.sticky.stick {
  width: 75%;
  position: fixed;
  z-index: 1000;
  margin-top: 15px;
  -webkit-box-shadow: 0 0 15px 0 #000000;
  -moz-box-shadow: 0 0 15px 0 #000000;
  -ms-box-shadow: 0 0 15px 0 #000000;
  -o-box-shadow: 0 0 15px 0 #000000;
  box-shadow: 0 0 15px 0 #000000;
}
#layout-container {
  margin: 30px 0 15px 0;
  float: left;
  width: 100%;
}
#layout-container .ui-draggable-dragging {
  width: 150px;
  z-index: 99999999;
  font-weight: bold !important;
}
#layout-container .ui-draggable-disabled.ui-state-disabled {
  opacity: 0.2 !important;
}
#layout-container .ui-state-highlight,
#layout-container .ui-widget-content .ui-state-highlight,
#layout-container .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636 ;
}
#layout-container .ui-state-highlight {
  width: 100%;
  min-height: 60px;
  float: left;
  display: block;
}
#layout-container .ui-state-highlight a,
#layout-container .ui-widget-content .ui-state-highlight a,
#layout-container .ui-widget-header .ui-state-highlight a {
  color: #363636 ;
}
#layout-container .droppable-cell-container {
  background: #EFEFEF;
}
#layout-container .ui-widget-header {
  font-weight: bold;
}
#layout-container .ui-state-default,
#layout-container .ui-widget-content .ui-state-default,
#layout-container .ui-widget-header .ui-state-default {
  font-weight: normal;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
}
#layout-container .movable-cell-element.ui-state-default {
  border: 1px solid #ccc;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  box-shadow: inset 0 1px 0 0 #ffffff;
}
#layout-container .ui-state-default a,
#layout-container .ui-state-default a:link,
#layout-container .ui-state-default a:visited {
  text-decoration: none;
}
#layout-container .ui-state-hover a,
#layout-container .ui-state-hover a:hover {
  text-decoration: none;
}
#layout-container .ui-state-active,
#layout-container .ui-widget-content .ui-state-active,
#layout-container .ui-widget-header .ui-state-active {
  z-index: 9999;
  color: #212121;
}
/*Editing fields, DESIGNER >> FIELDS >> EDIT FIELD*/
.AttributeEditView .ui-state-highlight p {
  margin-top: 10px;
  font-size: 11px;
  text-align: left;
  text-indent: 0;
  padding: 0;
  line-height: 150%;
  font-style: normal;
}
.AttributeEditView .ui-icon-info {
  margin-left: -6px;
}
.AttributeEditView .ui-icon-info:after {
  content: "o";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.AttributeEditView .sortable {
  list-style: none;
}
.AttributeEditView .sortable li {
  position: relative;
}
.AttributeEditView .sortable li .has-lang-label > span {
  cursor: move;
}
.AttributeEditView .sortable .ui-icon.ui-icon-arrowthick-2-n-s {
  display: none;
}
.AttributeEditView .sortable .remove-sortable-item-link {
  position: absolute;
  left: 3px;
  top: 0;
  line-height: 1;
  z-index: 100;
}
.AttributeEditView .sortable .remove-sortable-item-link span {
  text-indent: -9999px;
  display: inline-block;
}
.AttributeEditView .sortable .remove-sortable-item-link:after {
  content: "_";
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  text-indent: 0 !important;
  color: #A7A7A7;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -ms-text-shadow: 0 1px 0 #ffffff;
  -o-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  line-height: 1;
  position: relative;
  top: 1px;
}
.AttributeEditView form div table td {
  padding-left: 0 !important;
}
#DropDownDependencyMappingData table {
  border-top: none;
  padding: top:none;
}
#DropDownDependencyMappingData table td {
  padding-right: 15px;
  vertical-align: top;
}
/*Caluclated Fields Creation*/
.field-instructions {
  float: left;
  width: 100%;
  margin: 10px 0 15px 0;
}
.field-instructions table {
  border-top: none !important;
}
#available-fields {
  margin-top: 15px;
  border: 1px solid #DFDFDF;
  border-collapse: collapse;
  border-spacing: 1px;
  margin-bottom: 10px;
}
#available-fields th {
  font-weight: bold;
  background: url(../images/table-items-header.png) left top repeat-x;
}
#available-fields th,
#available-fields td {
  border: 1px solid #DFDFDF;
  vertical-align: middle;
  padding: 10px 5px !important;
}
/*Picklist Creation*/
#picklist-values {
  margin: 15px 0;
}
#picklist-values td {
  padding-left: 0;
  padding-bottom: 0;
}
#picklist-values .errorMessage {
  margin-top: -5px;
}
#DropDownAttributeForm_customFieldDataData_em_ {
  margin-bottom: 10px;
}
#customFieldDataData_ul li {
  position: relative;
}
#contactStatesData_AddInputButton,
#customFieldDataData_AddInputButton {
  margin: 5px 0 0 0 !important;
  float: left;
  clear: both;
}
/*Target only Mozilla/Gecko Browsers*/
@-moz-document url-prefix() {
  body {
    font-smooth: always !important;
  }
  .form input[type="text"],
  .form input[type="password"] {
    height: 26px;
  }
  input[type="submit"],
  input[type="button"] {
    height: 26px;
  }
  input::-moz-focus-inner {
    border: 0;
  }
  .edit-row-menu ul {
    top: 0px !important;
  }
}
.tooltip {
  width: 10px;
  height: 10px !important;
  line-height: 10px !important;
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  color: #333;
  font-weight: 500;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
  vertical-align: super;
  margin: 0 4px;
}
.qtip {
  border: 1px solid #b6b6b6;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -ms-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: -o-linear-gradient(top, #f5f5f5, #ebebeb);
  background-image: linear-gradient(top, #f5f5f5, #ebebeb);
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
}
/*!
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sat Jun  2 08:46:38.0000000000 2012
*/
/* Core qTip styles */
.ui-tooltip,
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  border-width: 1px;
  border-style: solid;
}
/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important;
}
.ui-tooltip-content {
  position: relative;
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 140%;
}
.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
  border-top-width: 0px !important;
}
/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
}
* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px;
}
/* IE fix */
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
}
.ui-tooltip-icon,
.ui-tooltip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar {
  font-weight: bold;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border-bottom: 1px solid #dfdfdf;
}
.ui-tooltip-default .ui-tooltip-icon {
  border-color: #fff;
  color: #fff;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
  color: #111;
}
/* Tips plugin */
.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
  position: absolute;
  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;
  background: transparent;
  border: 0px dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas {
  top: 0;
  left: 0;
}
/* Modal plugin */
#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}
/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/*! Light tooltip style */
.ui-tooltip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}
.ui-tooltip-light .ui-tooltip-titlebar {
  background-color: #f1f1f1;
}
/*! Dark tooltip style */
.ui-tooltip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}
.ui-tooltip-dark .ui-tooltip-titlebar {
  background-color: #404040;
}
.ui-tooltip-dark .ui-tooltip-icon {
  border-color: #444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}
/*! Cream tooltip style */
.ui-tooltip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}
.ui-tooltip-cream .ui-tooltip-titlebar {
  background-color: #F0DE7D;
}
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
  background-position: -82px 0;
}
/*! Red tooltip style */
.ui-tooltip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}
.ui-tooltip-red .ui-tooltip-titlebar {
  background-color: #F06D65;
}
.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
  background-position: -102px 0;
}
.ui-tooltip-red .ui-tooltip-icon {
  border-color: #D95252;
}
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
  border-color: #D95252;
}
/*! Green tooltip style */
.ui-tooltip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}
.ui-tooltip-green .ui-tooltip-titlebar {
  background-color: #B0DE78;
}
.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
  background-position: -42px 0;
}
/*! Blue tooltip style */
.ui-tooltip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}
.ui-tooltip-blue .ui-tooltip-titlebar {
  background-color: #D0E9F5;
}
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
  background-position: -2px 0;
}
/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-tipsy,
.ui-tooltip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/*! Youtube tooltip style */
.ui-tooltip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: white;
  border-width: 0;
  background: #4A4A4A;
  background-image: -moz-linear-gradient(top, #4a4a4a 0, #000000 100%);
  background-image: -ms-linear-gradient(top, #4a4a4a 0, #000000 100%);
  background-image: -o-linear-gradient(top, #4a4a4a 0, #000000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #4a4a4a 0, #000000 100%);
  background-image: linear-gradient(to bottom, #4a4a4a 0, #000000 100%);
}
.ui-tooltip-youtube .ui-tooltip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}
.ui-tooltip-youtube .ui-tooltip-content {
  padding: .75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}
.ui-tooltip-youtube .ui-tooltip-icon {
  border-color: #222;
}
.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}
/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}
/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4a4a4a);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}
.ui-tooltip-jtools .ui-tooltip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4a4a4a, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}
.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}
.ui-tooltip-jtools .ui-tooltip-icon {
  border-color: #555;
}
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
  border-color: #333;
}
/* Cluetip style */
.ui-tooltip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-icon {
  border-color: #808064;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}
/* Tipsy style */
.ui-tooltip-tipsy {
  background: black;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0px solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar {
  padding: 6px 35px 0 10;
  background-color: transparent;
}
.ui-tooltip-tipsy .ui-tooltip-content {
  padding: 6px 10;
}
.ui-tooltip-tipsy .ui-tooltip-icon {
  border-color: #222;
  text-shadow: none;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}
/* Tipped style */
.ui-tooltip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: normal;
  font-family: serif;
}
.ui-tooltip-tipped .ui-tooltip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3A79B8;
  background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3a79b8, endColorstr=#2e629d);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}
.ui-tooltip-tipped .ui-tooltip-icon {
  border: 2px solid #285589;
  background: #285589;
}
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}
/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.ui-tooltip-bootstrap {
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ui-tooltip-bootstrap .ui-tooltip-titlebar {
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}
.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default {
  right: 9px;
  top: 49%;
  border-style: none;
}
.ui-tooltip-bootstrap .ui-tooltip-icon {
  background: white;
}
.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
  filter: none;
  -ms-filter: none;
}
#LeaderboardListView .pager {
  border: 1px solid #dfdfdf;
  border-top: none;
}
.user-label img {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.user-label span {
  line-height: 30px;
  display: inline-block;
}
.UserLeaderboardRankingForPortletView .ranking {
  float: right;
}
.icon-leaderboard-weekly:before {
  content: "x";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -2px;
}
.icon-leaderboard-monthly:before {
  content: ":";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -2px;
}
.icon-leaderboard-overall:before {
  content: ";";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -2px;
}
.points {
  display: block;
  float: left;
  color: #fff;
  -webkit-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -moz-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -ms-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -o-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  padding: 3px 6px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 11px;
}
.ranking {
  margin-right: 5px;
  display: block;
  color: #fff;
  -webkit-box-shadow: 0 0 8px 0 #666;
  -moz-box-shadow: 0 0 8px 0 #666;
  -ms-box-shadow: 0 0 8px 0 #666;
  -o-box-shadow: 0 0 8px 0 #666;
  box-shadow: 0 0 8px 0 #666;
  width: 26px;
  height: 26px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.UserLeaderboardRankingForPortletView tr th:first-child,
.UserGamificationStatisticsForPortletView tr th:first-child,
.UserBadgesForPortletView tr th:first-child,
.UserLeaderboardRankingForPortletView tr td:first-child,
.UserGamificationStatisticsForPortletView tr td:first-child,
.UserBadgesForPortletView tr td:first-child {
  padding-left: 10px !important;
}
#UserGamificationStatisticsForPortletView tr:first-child td,
#UserLeaderboardRankingForPortletView tr:first-child td,
#UserGamificationStatisticsForPortletView tr:first-child th,
#UserLeaderboardRankingForPortletView tr:first-child th {
  border-top: none;
}
/*Badges from here*/
#UserBadgesForPortletView {
  padding: 15px 15px 15px 0;
}
.game-badge,
.badge {
  cursor: help;
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  margin: 0 0 15px 15px;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  background-color: #eeeeee ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), color-stop(80%, #eeeeee), to(#eeeeee)) ;
  background-image: -webkit-linear-gradient(#f5f5f5, #eeeeee 80%, #eeeeee) ;
  background-image: -moz-linear-gradient(top, #f5f5f5, #eeeeee 80%, #eeeeee) ;
  background-image: -ms-linear-gradient(#f5f5f5, #eeeeee 80%, #eeeeee) ;
  background-image: -o-linear-gradient(#f5f5f5, #eeeeee 80%, #eeeeee) ;
  background-image: linear-gradient(#f5f5f5, #eeeeee 80%, #eeeeee) ;
}
.game-badge:after,
.badge:after {
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: solid 1px #CCC;
  -webkit-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  -moz-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  -ms-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  -o-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
  box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -6px 0 rgba(155,155,155,.7), inset 0 -7px 0 rgba(255,255,255,.3);
}
.game-badge .badge-icon,
.badge .badge-icon {
  font-weight: normal !important;
  font-size: 50px;
  font-family: "zurmo_gamification_symbly_rRg";
  display: block;
  text-align: center;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  line-height: 1;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  z-index: 2;
}
.game-badge .badge-icon:before,
.badge .badge-icon:before {
  position: relative;
  top: -2px;
}
.game-badge .badge-grade,
.badge .badge-grade {
  font-size: 11px;
  position: absolute;
  top: -8px;
  right: -8px;
  display: block;
  color: #fff;
  -webkit-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -moz-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -ms-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  -o-box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  box-shadow: 0 0 8px 0 #666, inset 0 0 0 1px #fff;
  width: 18px;
  height: 18px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  line-height: 18px;
  z-index: 10;
}
.game-badge .gloss,
.badge .gloss {
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0.1)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
  height: 45%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: -1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -ms-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 2px 1px  rgba(255, 255, 255, 0.5);
  -webkit-border-top-right-radius: 27px;
  -webkit-border-top-left-radius: 27px;
  -webkit-border-bottom-right-radius: 120px 20px;
  -webkit-border-bottom-left-radius: 100px 20px;
  -moz-border-top-right-radius: 27px;
  -moz-border-top-left-radius: 27px;
  -moz-border-bottom-right-radius: 120px 20px;
  -moz-border-bottom-left-radius: 100px 20px;
  -o-border-top-right-radius: 27px;
  -o-border-top-left-radius: 27px;
  -o-border-bottom-right-radius: 120px 20px;
  -o-border-bottom-left-radius: 100px 20px;
  -ms-border-top-right-radius: 27px;
  -ms-border-top-left-radius: 27px;
  -ms-border-bottom-right-radius: 120px 20px;
  -ms-border-bottom-left-radius: 100px 20px;
  -khtml-border-top-right-radius: 27px;
  -khtml-border-top-left-radius: 27px;
  -khtml-border-bottom-right-radius: 120px 20px;
  -khtml-border-bottom-left-radius: 100px 20px;
  border-top-right-radius: 27px;
  border-top-left-radius: 27px;
  border-bottom-right-radius: 120px 20px;
  border-bottom-left-radius: 100px 20px;
}
.game-badge {
  margin: 15px auto 25px auto;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
  clear: both;
  cursor: auto;
}
.game-badge:after {
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  -moz-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  -ms-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  -o-box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
  box-shadow: inset 0 0 1px rgba(155,155,155,.5), inset 0 1px 0 rgba(225,225,225,.5),  inset 0 -20px 0 rgba(155,155,155,.7), inset 0 -21px 0 rgba(255,255,255,.3);
}
.game-badge .badge-icon {
  font-size: 200px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px;
}
.game-badge .badge-icon:before {
  position: relative;
  top: -20px;
}
.badge-message {
  display: block;
  text-align: center;
  width: 100%;
}
.badge-message h3 {
  margin-top: 3px;
}
.game-badge-CreateContact .badge-icon:before,
.CreateContact .badge-icon:before {
  content: "y";
}
.game-badge-MassEditContacts .badge-icon:before,
.MassEditContacts .badge-icon:before {
  content: "?";
}
.game-badge-CreateAccount .badge-icon:before,
.CreateAccount .badge-icon:before {
  content: "P";
}
.game-badge-MassEditAccounts .badge-icon:before,
.MassEditAccounts .badge-icon:before {
  content: "]";
}
.game-badge-SearchAccounts .badge-icon:before,
.SearchAccounts .badge-icon:before {
  content: "=";
}
.game-badge-SearchContacts .badge-icon:before,
.SearchContacts .badge-icon:before {
  content: "%";
}
.game-badge-SearchOpportunities .badge-icon:before,
.SearchOpportunities .badge-icon:before {
  content: "+";
}
.game-badge-LoginUser .badge-icon:before,
.LoginUser .badge-icon:before {
  content: "E";
}
.game-badge-CreateLead .badge-icon:before,
.CreateLead .badge-icon:before {
  content: ".";
}
.game-badge-CreateCall .badge-icon:before,
.CreateCall .badge-icon:before {
  content: "W";
}
.game-badge-CreateMeeting .badge-icon:before,
.CreateMeeting .badge-icon:before {
  content: "U";
}
.game-badge-CreateNote .badge-icon:before,
.CreateNote .badge-icon:before {
  content: "3";
}
.game-badge-CreateOpportunity .badge-icon:before,
.CreateOpportunity .badge-icon:before {
  content: "9";
}
.game-badge-MassEditOpportunities .badge-icon:before,
.MassEditOpportunities .badge-icon:before {
  content: "[";
}
.game-badge-SearchOpportunity .badge-icon:before,
.SearchOpportunity .badge-icon:before {
  content: "+";
}
.game-badge-WinOpportunity .badge-icon:before,
.WinOpportunity .badge-icon:before {
  content: ";";
}
.game-badge-CreateTask .badge-icon:before,
.CreateTask .badge-icon:before {
  content: "4";
}
.game-badge-CreateComment .badge-icon:before,
.CreateComment .badge-icon:before {
  content: "b";
}
.game-badge-CreateConversation .badge-icon:before,
.CreateConversation .badge-icon:before {
  content: "O";
}
.game-badge-CreateMission .badge-icon:before,
.CreateMission .badge-icon:before {
  content: "Q";
}
.game-badge-CreateSocialItem .badge-icon:before,
.CreateSocialItem .badge-icon:before {
  content: "u";
}
.game-badge-CreateEmailTemplate .badge-icon:before,
.CreateEmailTemplate .badge-icon:before,
.game-badge-EditEmailTemplate .badge-icon:before,
.EditEmailTemplate .badge-icon:before {
  content: '\00B6';
}
.game-badge-CreateCampaign .badge-icon:before,
.CreateCampaign .badge-icon:before {
  content: '\002C';
}
.game-badge-CreateMarketingList .badge-icon:before,
.CreateMarketingList .badge-icon:before,
.game-badge-EditMarketingList .badge-icon:before,
.EditMarketingList .badge-icon:before {
  content: '\0022';
}
.game-badge-CreateReport .badge-icon:before,
.CreateReport .badge-icon:before,
.game-badge-EditReport .badge-icon:before,
.EditEmailReport .badge-icon:before {
  content: "V";
}
.game-badge-CreateWorkflow .badge-icon:before,
.CreateWorkflow .badge-icon:before,
.game-badge-EditWorkflow .badge-icon:before,
.EditWorkflow .badge-icon:before {
  content: '\20AC';
}
/*Night Icons*/
.game-badge-NightOwl .badge-icon:before,
.NightOwl .badge-icon:before {
  content: "$";
}
.game-badge-EarlyBird .badge-icon:before,
.EarlyBird .badge-icon:before {
  content: "#";
}
.game-badge-SearchProducts .badge-icon:before,
.SearchProducts .badge-icon:before,
.game-badge-CreateProduct .badge-icon:before,
.CreateProduct .badge-icon:before {
  content: '\003E';
}
.game-badge-CreateProductTemplate .badge-icon:before,
.CreateProductTemplate .badge-icon:before {
  content: '\00AC';
}
.game-badge-SearchProductTemplates .badge-icon:before,
.SearchProductTemplates .badge-icon:before,
.game-badge-CreateProductCategory .badge-icon:before,
.CreateProductCategory .badge-icon:before {
  content: '\00D7';
}
.game-badge-SearchProjects .badge-icon:before,
.SearchProjects .badge-icon:before {
  content: '\02C7';
}
/*Big Icons for popup badges*/
.game-level-change .badge-icon:before {
  content: ";";
}
.game-new-badge .badge-icon:before {
  content: ":";
}
.game-badge-grade-change .badge-icon:before {
  content: "}";
}
/*Percentage Complete*/
.hasPercentCounter {
  padding-right: 10px !important;
}
.percentHolder {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.5);
  -moz-box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.5);
  -ms-box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.5);
  -o-box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.5);
  width: 100%;
  height: 16px;
}
.percentHolder:hover .percent {
  display: inline-block;
}
.percent {
  display: none;
  font-size: 10px;
  text-indent: 3px;
  font-weight: bold;
  line-height: 16px;
  position: relative;
  top: -4px;
  left: 3px;
}
.percentComplete {
  position: relative;
  line-height: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 2px 0;
  display: inline-block;
  background-color: #f5f5f5;
  background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.8) 4px);
  background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.8) 4px);
  background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.8) 4px);
  background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.8) 4px);
  background-image: -khtml-repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.8) 4px);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.8) 4px);
}
.z_0 {
  width: 0%;
}
.z_1 {
  width: 1%;
}
.z_2 {
  width: 2%;
}
.z_3 {
  width: 3%;
}
.z_4 {
  width: 4%;
}
.z_5 {
  width: 5%;
}
.z_6 {
  width: 6%;
}
.z_7 {
  width: 7%;
}
.z_8 {
  width: 8%;
}
.z_9 {
  width: 9%;
}
.z_10 {
  width: 10%;
}
.z_11 {
  width: 11%;
}
.z_12 {
  width: 12%;
}
.z_13 {
  width: 13%;
}
.z_14 {
  width: 14%;
}
.z_15 {
  width: 15%;
}
.z_16 {
  width: 16%;
}
.z_17 {
  width: 17%;
}
.z_18 {
  width: 18%;
}
.z_19 {
  width: 19%;
}
.z_20 {
  width: 20%;
}
.z_21 {
  width: 21%;
}
.z_22 {
  width: 22%;
}
.z_23 {
  width: 23%;
}
.z_24 {
  width: 24%;
}
.z_25 {
  width: 25%;
}
.z_26 {
  width: 26%;
}
.z_27 {
  width: 27%;
}
.z_28 {
  width: 28%;
}
.z_29 {
  width: 29%;
}
.z_30 {
  width: 30%;
}
.z_31 {
  width: 31%;
}
.z_32 {
  width: 32%;
}
.z_33 {
  width: 33%;
}
.z_34 {
  width: 34%;
}
.z_35 {
  width: 35%;
}
.z_36 {
  width: 36%;
}
.z_37 {
  width: 37%;
}
.z_38 {
  width: 38%;
}
.z_39 {
  width: 39%;
}
.z_40 {
  width: 40%;
}
.z_41 {
  width: 41%;
}
.z_42 {
  width: 42%;
}
.z_43 {
  width: 43%;
}
.z_44 {
  width: 44%;
}
.z_45 {
  width: 45%;
}
.z_46 {
  width: 46%;
}
.z_47 {
  width: 47%;
}
.z_48 {
  width: 48%;
}
.z_49 {
  width: 49%;
}
.z_50 {
  width: 50%;
}
.z_51 {
  width: 51%;
}
.z_52 {
  width: 52%;
}
.z_53 {
  width: 53%;
}
.z_54 {
  width: 54%;
}
.z_55 {
  width: 55%;
}
.z_56 {
  width: 56%;
}
.z_57 {
  width: 57%;
}
.z_58 {
  width: 58%;
}
.z_59 {
  width: 59%;
}
.z_60 {
  width: 60%;
}
.z_61 {
  width: 61%;
}
.z_62 {
  width: 62%;
}
.z_63 {
  width: 63%;
}
.z_64 {
  width: 64%;
}
.z_65 {
  width: 65%;
}
.z_66 {
  width: 66%;
}
.z_67 {
  width: 67%;
}
.z_68 {
  width: 68%;
}
.z_69 {
  width: 69%;
}
.z_70 {
  width: 70%;
}
.z_71 {
  width: 71%;
}
.z_72 {
  width: 72%;
}
.z_73 {
  width: 73%;
}
.z_74 {
  width: 74%;
}
.z_75 {
  width: 75%;
}
.z_76 {
  width: 76%;
}
.z_77 {
  width: 77%;
}
.z_78 {
  width: 78%;
}
.z_79 {
  width: 79%;
}
.z_80 {
  width: 80%;
}
.z_81 {
  width: 81%;
}
.z_82 {
  width: 82%;
}
.z_83 {
  width: 83%;
}
.z_84 {
  width: 84%;
}
.z_85 {
  width: 85%;
}
.z_86 {
  width: 86%;
}
.z_87 {
  width: 87%;
}
.z_88 {
  width: 88%;
}
.z_89 {
  width: 89%;
}
.z_90 {
  width: 90%;
}
.z_91 {
  width: 91%;
}
.z_92 {
  width: 92%;
}
.z_93 {
  width: 93%;
}
.z_94 {
  width: 94%;
}
.z_95 {
  width: 95%;
}
.z_96 {
  width: 96%;
}
.z_97 {
  width: 97%;
}
.z_98 {
  width: 98%;
}
.z_99 {
  width: 99%;
}
.z_100 {
  width: 100%;
}
/*Modals*/
.ModalGameNotification {
  height: auto !important;
  padding: 20px;
  text-align: center;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12);
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
}
.ModalGameNotification a:focus {
  outline: none;
}
.ModalGameNotificationParent {
  min-width: 310px !important;
  width: 310px !important;
}
a.close-ModalGameNotification.simple-link {
  text-decoration: underline !important;
  background: none !important;
  margin-right: 10px;
  margin-left: -35px;
  top: -10px;
  font-size: 11px;
}
/*=User Profile Page*/
.UserSocialItemsForPortletView {
  margin-right: 20px !important;
}
.UserSocialItemsForPortletView .wide.form {
  border: none;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  float: none;
  margin-bottom: 0;
}
.UserSocialItemsForPortletView .empty {
  display: none;
}
#UserDetailsView {
  padding: 0 0 20px 0;
}
#UserDetailsView .details-table {
  *zoom: 1;
  position: relative !important;
}
#UserDetailsView .details-table:before,
#UserDetailsView .details-table:after {
  content: " ";
  display: table;
}
#UserDetailsView .details-table:after {
  clear: both;
}
.gravatar-container a {
  display: block;
  float: left;
  position: relative;
}
.gravatar-container span {
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.7);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gravatar-container:hover span {
  display: block;
}
.gravatar-container + .panel {
  float: left;
}
.gravatar-container + .panel + .panel {
  clear: right;
}
#UserChangeAvatarView {
  *zoom: 1;
}
#UserChangeAvatarView:before,
#UserChangeAvatarView:after {
  content: " ";
  display: table;
}
#UserChangeAvatarView:after {
  clear: both;
}
#UserChangeAvatarView .col-0 {
  width: 100%;
}
#UserChangeAvatarView .col-1 {
  width: 0;
}
#UserChangeAvatarView .wrapper {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0 !important;
}
#UserChangeAvatarView .wrapper table {
  margin-bottom: 0 !important;
}
#UserChangeAvatarView .wrapper td {
  padding-left: 0 !important;
}
#UserChangeAvatarView .view-toolbar-container {
  margin-top: 0 !important;
}
#customAvatarEmailAddressInput {
  float: left;
  width: 100%;
  margin-top: 3px;
}
#customAvatarEmailAddressInput label {
  float: left;
  margin-top: 5px;
}
#customAvatarEmailAddressInput input {
  width: 70%;
}
#user-gravatar-tooltip {
  margin-top: 4px;
  margin-left: 10px;
}
#GameRewardsRedeemListView .pager.horizontal {
  border: 1px solid #DFDFDF;
  border-top: none;
}
.reward-name {
  margin-bottom: 5px;
  display: inline-block;
}
.reward-name span {
  font-weight: normal;
  font-size: 11px;
  color: #545454;
}
.reward-cost {
  display: inline-block;
  line-height: 16px;
  font-weight: bold;
  padding-right: 20px;
  background: url(../images/game-dashboard/z-coin-small.png) right top no-repeat;
}
.reward-redeem-link {
  float: right;
  margin: -15px 10px 0 0;
}
#WelcomeView {
  padding-right: 20px !important;
}
#WelcomeView h1 {
  font-size: 50px;
  float: left;
}
#WelcomeView h1 span {
  font-size: 14px;
}
#WelcomeView a {
  text-decoration: underline !important;
}
#WelcomeView .social-links {
  margin: 30px -5px 0 0 !important;
}
a.dashboard-link {
  text-decoration: none !important;
  margin-top: 30px;
  margin-left: 0;
  font-size: 14px !important;
  cursor: pointer;
}
a.dashboard-link .z-label {
  line-height: 36px !important;
}
#welcome-content {
  margin-top: 30px;
  padding-bottom: 30px;
  display: block;
  float: left;
  width: 100%;
  *zoom: 1;
}
#welcome-content:before,
#welcome-content:after {
  content: " ";
  display: table;
}
#welcome-content:after {
  clear: both;
}
.help-section {
  border-top: 1px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0 0 15px;
  width: 50%;
  float: left;
  font-size: 12px;
  margin-bottom: 30px;
}
.help-section h3 {
  font-size: 16px;
  margin-bottom: 20px;
}
.help-section ul {
  margin-left: 15px;
  font-weight: bold;
  color: #666;
}
.help-section li {
  margin-bottom: 10px;
}
.help-section a {
  color: #666;
  font-weight: bold;
}
#tip-of-day-next-page-link {
  margin-left: 16px;
}
.hide-welcome {
  display: block;
  clear: both;
  position: relative;
  top: 30px;
  font-size: 11px;
}
.hide-welcome span {
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  border: none;
  margin-right: 5px;
  outline: none !important;
  display: inline-block;
  position: relative;
  top: 2px;
}
.hide-welcome span:before {
  content: "•";
}
#instructions {
  *zoom: 1;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
#instructions p {
  font-size: 25px;
  line-height: 35px;
  padding-right: 100px;
  padding-top: 15px;
}
#instructions:before,
#instructions:after {
  content: " ";
  display: table;
}
#instructions:after {
  clear: both;
}
#welcome-gallery {
  margin-right: 45px;
  float: left;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  position: relative;
}
#welcome-gallery img {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  z-index: 0;
  position: relative;
}
#welcome-gallery span {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 55%, #ffffff 100%);
  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 55%, #ffffff 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 55%, #ffffff 100%);
  background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 55%, #ffffff 100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 55%, #ffffff 100%);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #LoginView,
  #HeaderLinksView > div,
  .AppContainer {
    margin: 0 !important;
  }
  .AppContainer {
    min-width: none;
  }
}
.gravatar {
  float: left;
  border: 1px solid #fff !important;
  background: #DFDFDF;
  padding: 2px;
}
.list-row-model-date {
  float: right;
  margin-right: 10px;
}
#ConversationEditView td {
  padding-left: 0;
}
#ConversationEditView textarea {
  line-height: 130%;
}
.single-coloumn-details-view.AppContent,
#MissionDetailsView.AppContent,
#ConversationDetailsView.AppContent,
#ConversationDetailsAndRelationsView.AppContent {
  padding-right: 0;
}
.single-coloumn-details-view .GridView,
#MissionDetailsView .GridView,
#ConversationDetailsView .GridView,
#ConversationDetailsAndRelationsView .GridView {
  display: none;
}
.single-coloumn-details-view .GridView:first-child,
#MissionDetailsView .GridView:first-child,
#ConversationDetailsView .GridView:first-child,
#ConversationDetailsAndRelationsView .GridView:first-child {
  display: block;
  width: 100%;
}
.single-coloumn-details-view .panel,
#MissionDetailsView .panel,
#ConversationDetailsView .panel,
#ConversationDetailsAndRelationsView .panel {
  width: 70%;
  float: left;
}
.single-coloumn-details-view .panel > table,
#MissionDetailsView .panel > table,
#ConversationDetailsView .panel > table,
#ConversationDetailsAndRelationsView .panel > table {
  border-bottom: none;
}
.single-coloumn-details-view .details-table,
#MissionDetailsView .details-table,
#ConversationDetailsView .details-table,
#ConversationDetailsAndRelationsView .details-table {
  border: 1px solid #ccc !important;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  -moz-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  -ms-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  -o-box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  box-shadow: inset 0 0 0 2px #ffffff,  0 0 9px 5px rgba(153, 153, 153, 0.12) !important;
  background-color: #f5f5f5  !important;
  background-repeat: no-repeat  !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5))  !important;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5)  !important;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5)  !important;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5)  !important;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5)  !important;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5)  !important;
  *zoom: 1;
}
.single-coloumn-details-view .details-table:before,
#MissionDetailsView .details-table:before,
#ConversationDetailsView .details-table:before,
#ConversationDetailsAndRelationsView .details-table:before,
.single-coloumn-details-view .details-table:after,
#MissionDetailsView .details-table:after,
#ConversationDetailsView .details-table:after,
#ConversationDetailsAndRelationsView .details-table:after {
  content: " ";
  display: table;
}
.single-coloumn-details-view .details-table:after,
#MissionDetailsView .details-table:after,
#ConversationDetailsView .details-table:after,
#ConversationDetailsAndRelationsView .details-table:after {
  clear: both;
}
.single-coloumn-details-view .toolbar-mbmenu,
#MissionDetailsView .toolbar-mbmenu,
#ConversationDetailsView .toolbar-mbmenu,
#ConversationDetailsAndRelationsView .toolbar-mbmenu {
  top: 8px !important;
}
/*Sidebar*/
.thread-details {
  margin: 0 0 10px 0 !important;
  width: 100%;
}
.thread-details td + th {
  padding-left: 0 !important;
}
.thread-details th,
.thread-details td {
  text-align: left;
  padding: 5px 0;
}
.thread-details th {
  color: #545454;
}
.thread-details .attachments {
  margin: 0;
  font-weight: normal;
}
.conversation-related-Account {
  -webkit-text-shadow: 0 1px #ffffff;
  -moz-text-shadow: 0 1px #ffffff;
  -ms-text-shadow: 0 1px #ffffff;
  -o-text-shadow: 0 1px #ffffff;
  text-shadow: 0 1px #ffffff;
}
.conversation-related-Account > div {
  position: relative;
}
.conversation-related-Account > div:before {
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  content: "P";
  font-weight: normal !important;
  position: absolute;
  top: -3px;
  line-height: 1;
}
.conversation-related-Account a {
  position: relative;
  left: 15px;
}
.conversation-related-Opportunity {
  -webkit-text-shadow: 0 1px #ffffff;
  -moz-text-shadow: 0 1px #ffffff;
  -ms-text-shadow: 0 1px #ffffff;
  -o-text-shadow: 0 1px #ffffff;
  text-shadow: 0 1px #ffffff;
}
.conversation-related-Opportunity > div {
  position: relative;
}
.conversation-related-Opportunity > div:before {
  font-size: 21px;
  font-family: "zurmo_gamification_symbly_rRg";
  content: "9";
  font-weight: normal !important;
  position: absolute;
  top: -2px;
  line-height: 1;
}
.conversation-related-Opportunity a {
  position: relative;
  left: 15px;
}
.conversationStatusChangeArea {
  margin: 0 0 15px 0;
  padding: 0;
}
.conversationStatusChangeArea > span {
  float: left;
  line-height: 1;
  margin: 10px 10px 0 0;
  padding: 0 0;
  font-weight: bold;
}
.conversationStatusChangeArea label {
  display: inline !important;
  margin-right: 10px;
}
.conversationStatusChangeArea label input {
  margin-right: 5px;
}
.switch {
  border: 1px solid rgba(170, 170, 170, 0.3);
  background-color: #999999;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #777777, #999999);
  background-image: -ms-linear-gradient(top, #777777, #999999);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #999999));
  background-image: -webkit-linear-gradient(top, #777777, #999999);
  background-image: -o-linear-gradient(top, #777777, #999999);
  background-image: linear-gradient(top, #777777, #999999);
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.15);
  display: inline-block;
  padding: 8px 2px 7px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  float: right;
}
.switch-state {
  display: inline-block;
  position: relative;
  width: auto;
}
.switch-state label {
  position: relative;
  z-index: 0;
  padding: 5px 7px 5px 7px !important;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #fff;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer;
}
.switch-state input {
  position: absolute;
  z-index: 1;
  left: 7px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.switch-state input:after {
  content: "";
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  display: block;
  position: absolute;
  left: -3px;
  top: -2px;
}
.switch-state input:checked + label {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.switch-state:first-child input:checked + label {
  background-color: #6fa82d !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d)) !important;
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d) !important;
  background-image: linear-gradient(top, #97c43d, #6fa82d) !important;
  border: 1px solid #97c43d;
}
.switch-state:last-child input:checked + label {
  background-color: #a82d31 !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31)) !important;
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: -o-linear-gradient(top, #c43d53, #a82d31) !important;
  background-image: linear-gradient(top, #c43d53, #a82d31) !important;
  border: 1px solid #c43d53;
}
.switch-state:first-child input:checked:after {
  border: 2px solid #6fa82d;
  box-shadow: 0 0 10px #6fa82d;
}
.switch-state:last-child input:checked:after {
  border: 2px solid #a82d31;
  box-shadow: 0 0 10px #a82d31;
}
.switch-state + .switch-state {
  margin-left: 0;
}
/*End sidebar*/
#ModelDetailsSummaryView h2,
.CommentList h2 {
  margin-bottom: 15px;
}
.comment-details {
  display: inline-block;
  font-size: 11px;
}
.comment-details strong {
  color: #999;
  font-weight: normal !important;
}
.CommentList {
  margin-left: 115px;
}
.CommentList .comment {
  margin-top: 15px;
}
.CommentList:last-child {
  margin-bottom: 25px;
}
.comment {
  line-height: 140%;
}
.comment .gravatar {
  margin-top: 1px;
}
.comment .comment-content {
  padding-left: 50px;
  line-height: 140%;
}
.comment.unread {
  font-weight: bold;
}
.comment .delete-comment,
.comment .edit-comment {
  font-size: 11px;
}
.comment .delete-comment a,
.comment .edit-comment a {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.comment .delete-comment a:hover,
.comment .edit-comment a:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.model-details-summary {
  font-size: 12px !important;
  padding-left: 115px;
}
.model-details-summary .gravatar {
  margin-left: -115px;
}
.model-details-summary .comment-content {
  font-size: 12px;
  padding-left: 0;
}
.conversation-subject {
  margin-bottom: 30px;
}
.conversation-subject .comment-content {
  font-size: 15px;
  line-height: 150%;
  font-style: italic;
}
.showAllCommentsLink {
  margin-left: 130px;
  position: relative;
  top: 5px;
  display: block;
}
#ModelDetailsSummaryView,
#CommentInlineEditForModelView,
#CommentsForRelatedModelView {
  max-width: 600px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#ModelDetailsSummaryView .wide.form,
#CommentInlineEditForModelView .wide.form,
#CommentsForRelatedModelView .wide.form {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#ModelDetailsSummaryView h2,
#CommentInlineEditForModelView h2,
#CommentsForRelatedModelView h2 {
  font-size: 15px;
}
#CommentInlineEditForModelView {
  margin-top: 0;
  padding-left: 115px;
}
#CommentInlineEditForModelView td {
  padding: 0 0 0 0 !important;
}
#CommentInlineEditForModelView h2 {
  margin: 0 0 10px 0;
}
#CommentInlineEditForModelView .wide.form {
  padding: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
#CommentInlineEditForModelView form {
  padding: 0;
  margin-bottom: 15px;
}
#CommentInlineEditForModelView .panel {
  width: 100%;
  float: none;
}
#CommentInlineEditForModelView table {
  margin-bottom: 0;
}
.attachments {
  margin-top: 5px;
  list-style: none;
  line-height: 140%;
}
.attachments li {
  margin-bottom: 2px;
  padding-left: 15px;
}
.icon-attachment {
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  float: left;
  margin-left: -15px;
}
.icon-attachment:before {
  content: "H";
}
#ConversationsPageView ~ .token-input-dropdown {
  min-width: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.unread td,
.unread td a {
  font-weight: bold;
}
#ConversationDetailsView .details-table,
#MissionDetailsView .details-table {
  *zoom: 1;
  margin-right: 0 !important;
}
#ConversationDetailsView .details-table:before,
#MissionDetailsView .details-table:before,
#ConversationDetailsView .details-table:after,
#MissionDetailsView .details-table:after {
  content: " ";
  display: table;
}
#ConversationDetailsView .details-table:after,
#MissionDetailsView .details-table:after {
  clear: both;
}
#ConversationDetailsView .panel > table,
#MissionDetailsView .panel > table {
  border-bottom: none;
}
#MissionEditView .panel {
  width: 100% !important;
}
#MissionEditView .view-toolbar-container + .left-column {
  display: none;
}
.mission-change-status-link {
  margin: 0 5px !important;
}
#MissionDetailsView .missionStatusChangeArea {
  margin-bottom: 10px;
}
#MissionDetailsView .mission-change-status-link {
  position: relative;
  top: 9px;
}
.missionStatusChangeArea {
  margin-top: 10px;
  display: inline-block;
}
.missionStatusChangeArea a {
  float: none;
  color: #fff !important;
}
.actions-column .missionStatusChangeArea {
  margin-top: 0;
}
.comment-content {
  font-weight: normal;
}
.comment-content .missionStatusChangeArea a:first-child {
  margin-left: 15px;
}
a.user-link {
  font-weight: bold;
  color: #545454 !important;
}
.mission-status {
  margin: 0 5px;
  font-weight: bold;
}
#MissionsListView .actions-column {
  width: 250px;
}
.actions-column {
  text-align: right;
}
.actions-column .mission-status {
  vertical-align: 60%;
  font-weight: normal;
  font-style: italic;
}
#MissionDetailsView .files,
#ConversationDetailsView .files {
  padding-bottom: 10px;
}
/*=Social Items*/
.SocialItemsListView tr:hover,
#AllSocialItemsForPortletView tr:hover {
  background: none !important;
  color: inherit !important;
}
.SocialItemsListView td:first-child,
#AllSocialItemsForPortletView td:first-child {
  border-top: none;
}
.SocialItemsListView .CommentList,
#AllSocialItemsForPortletView .CommentList {
  margin-left: 80px;
}
.SocialItemsListView .model-details-summary,
#AllSocialItemsForPortletView .model-details-summary {
  padding-left: 80px;
  padding-top: 0;
}
.SocialItemsListView .model-details-summary .gravatar,
#AllSocialItemsForPortletView .model-details-summary .gravatar {
  margin-left: -65px;
}
.SocialItemsListView .show-create-comment,
#AllSocialItemsForPortletView .show-create-comment {
  margin-left: 80px;
  font-size: 11px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.SocialItemsListView .show-create-comment:hover,
#AllSocialItemsForPortletView .show-create-comment:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.SocialItemsListView .wide.form,
#AllSocialItemsForPortletView .wide.form {
  margin-bottom: 0;
  border: none;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  float: none;
}
.SocialItemsListView .comment-content,
#AllSocialItemsForPortletView .comment-content {
  padding-right: 15px;
}
#MissionsPageView #comment-inline-edit-form .left-column,
#ConversationsPageView #comment-inline-edit-form .left-column,
#MissionsPageView #social-item-inline-edit-form .left-column,
#ConversationsPageView #social-item-inline-edit-form .left-column {
  padding: 0;
  z-index: 99999;
  position: relative;
}
#MissionsPageView #comment-inline-edit-form .form-toolbar,
#ConversationsPageView #comment-inline-edit-form .form-toolbar,
#MissionsPageView #social-item-inline-edit-form .form-toolbar,
#ConversationsPageView #social-item-inline-edit-form .form-toolbar {
  padding: 0;
}
#comment-inline-edit-form,
#social-item-inline-edit-form {
  padding-bottom: 15px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#comment-inline-edit-form td:first-child,
#social-item-inline-edit-form td:first-child {
  padding-left: 0;
}
#comment-inline-edit-form .file-upload-box,
#social-item-inline-edit-form .file-upload-box {
  padding: 11px 0 10px 0;
  display: none;
  float: left;
}
#comment-inline-edit-form .form-toolbar,
#social-item-inline-edit-form .form-toolbar {
  text-align: right;
  border-top: none;
  padding: 0 15px;
  margin-top: 0;
}
#comment-inline-edit-form .form-toolbar a,
#social-item-inline-edit-form .form-toolbar a {
  color: #fff;
  margin-right: 0;
  float: right;
}
#comment-inline-edit-form table.files,
#social-item-inline-edit-form table.files {
  border-bottom: none;
  float: left;
  margin-top: 5px;
}
#comment-inline-edit-form .panel > table,
#social-item-inline-edit-form .panel > table {
  border: none;
}
#social-item-inline-edit-form .view-toolbar-container {
  float: none;
}
#comment-inline-edit-form {
  border-bottom: none;
}
#comment-inline-edit-form .file-upload-box {
  padding: 14px 0 0 0;
}
#comment-inline-edit-form tr.template-download td {
  padding-left: 0 !important;
}
.SocialItemsListView .items {
  width: 100%;
}
.SocialItemsListView .items > tbody > tr > td {
  padding: 0 !important;
}
.social-item {
  border-top: 1px solid #fff;
  padding: 15px 0;
}
.social-item .wide.form {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.social-item .wide.form form {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding-bottom: 0;
}
.social-item .wide.form form td {
  padding: 5px 0 10px 65px !important;
}
.social-item textarea {
  width: 100%;
}
.social-item table {
  border-bottom: none;
}
.social-item .form-toolbar {
  text-align: right;
  border: none;
  padding-top: 0;
}
.social-item .form-toolbar a {
  margin-right: 0;
}
#ArchivedEmailMatchingListView .items td {
  padding-right: 10px;
}
#ArchivedEmailMatchingListView .view-toolbar-container {
  border-top: 1px solid #CCCCCC;
}
#ArchivedEmailMatchingListView table {
  width: 100%;
}
.email-archive-item {
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}
.email-archive-item .lead-conversion-actions {
  padding-left: 0;
}
.email-archive-item .wide.form {
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
.email-archive-item .wide.form > form {
  padding: 0;
}
.email-archive-item .wide.form > form table {
  padding-bottom: 15px !important;
}
.email-archive-item .overlay-label-field {
  padding-bottom: 0;
}
.email-archive-item .matching-actions-and-content > div {
  margin-top: 15px;
}
.email-archive-item .matching-actions-and-content form {
  padding-bottom: 0;
}
.email-archive-item tr:hover {
  background: none !important;
}
.email-archive-item th {
  height: auto !important;
  line-height: 1 !important;
  padding: 0 0 15px 0 !important;
}
.email-archive-item td {
  padding-right: 0 !important;
  padding-bottom: 15px;
}
.email-archive-item th,
.email-archive-item td {
  background: none !important;
  border: none !important;
}
.email-archive-item .email-matching-summary-content span {
  line-height: 150%;
  font-weight: bold;
  color: #525252;
  font-size: 11px;
}
.email-archive-item .email-from,
.email-archive-item .email-to {
  display: block;
  font-weight: 400 !important;
}
.email-archive-item .email-from strong,
.email-archive-item .email-to strong {
  font-weight: bold;
}
.email-archive-item .email-from,
.email-archive-item .email-to,
.email-archive-item .email-subject {
  line-height: 140%;
  margin-bottom: 2px;
}
.email-archive-item .beforeOptOutCheckBox + .hasCheckBox {
  left: 0 !important;
}
.email-archive-item .beforeOptOutCheckBox + .hasCheckBox label.hasCheckBox {
  margin-right: 0;
  margin-left: 5px;
}
.email-archive-item .beforeOptOutCheckBox + .hasCheckBox label.hasCheckBox + label {
  margin-left: 5px;
  margin-right: 0;
}
.email-matching-actions {
  margin: 5px 0 0 0 !important;
  display: block;
}
.email-matching-actions a {
  text-decoration: none;
}
.email-matching-show-more,
.email-matching-show-less {
  margin-top: 10px;
  cursor: pointer;
}
.email-matching-show-less {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.icon-down-arrow {
  font-weight: normal;
}
.icon-down-arrow:before {
  position: relative;
  color: #545454 !important;
  content: "6";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  top: 1px;
  margin: 0 4px 0 0;
}
.icon-up-arrow {
  font-weight: normal;
}
.icon-up-arrow:before {
  position: relative;
  color: #545454 !important;
  content: "5";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  top: 1px;
  margin: 0 4px 0 0;
}
.expanded {
  background-color: #f5f5f5 !important;
  background-repeat: no-repeat !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) !important;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) !important;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) !important;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) !important;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) !important;
}
.expanded > td {
  padding-bottom: 0 !important;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
}
.active-panel {
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  -ms-box-shadow: inset 0 0 0 2px #ffffff;
  -o-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  background-color: #f5f5f5 ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(80%, #f5f5f5), to(#f5f5f5)) ;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: -o-linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
  background-image: linear-gradient(#ffffff, #f5f5f5 80%, #f5f5f5) ;
}
/*Email Compose*/
#CreateEmailMessageModalEditView .panel {
  width: 100%;
}
#CreateEmailMessageModalEditView td {
  padding-left: 0;
}
#CreateEmailMessageModalEditView .more-panels-link {
  display: block;
  margin: 0 0 0 4%;
  font-size: 11px;
  float: left;
  position: relative;
  top: 6px;
}
#CreateEmailMessageModalEditView div.overlay-label-field {
  padding-bottom: 0;
}
.recipient > label {
  float: left;
  width: 3%;
  margin-top: 5px;
}
.recipient > div {
  float: right;
  width: 96%;
}
#cc-bcc-fields .recipient {
  margin-top: 15px;
}
/*email modal*/
#NoUserEmailConfigurationYetView {
  padding: 0 0 30px 0;
}
#NoUserEmailConfigurationYetView .large-icon {
  margin-top: 0;
}
#NoUserEmailConfigurationYetView .large-icon:after {
  font-size: 220px;
}
#NoUserEmailConfigurationYetView p {
  margin-top: 15px;
}
/*User email configuration*/
.outbound-settings {
  clear: left;
  position: relative;
  top: 5px;
}
.outbound-settings div {
  margin-bottom: 10px;
}
.outbound-settings label {
  margin-bottom: 5px;
}
#ReportsSearchView .search-view-1 table {
  border-bottom: none;
  margin-bottom: 15px;
}
#ReportsSearchView .search-view-1 td {
  width: 34%;
  padding-right: 1%;
}
#ReportsSearchView .search-view-1 th {
  width: 15%;
}
#ReportsSearchView .search-view-1 td + th {
  padding-left: 1%;
}
#ReportsSearchView .search-view-1 td:last-child {
  padding-right: 0;
}
.ComponentForWorkflowWizardView .view-toolbar-container,
.ComponentForReportWizardView .view-toolbar-container {
  margin-top: 30px;
}
.ComponentForWorkflowWizardView h3 + div,
.ComponentForReportWizardView h3 + div {
  position: relative;
}
.ComponentForWorkflowWizardView .treeview ul,
.ComponentForReportWizardView .treeview ul {
  background: none;
}
.ComponentForWorkflowWizardView .treeview li:hover,
.ComponentForReportWizardView .treeview li:hover {
  cursor: pointer;
}
.ComponentForWorkflowWizardView .treeview li:active,
.ComponentForReportWizardView .treeview li:active {
  cursor: move;
}
.ComponentForWorkflowWizardView .treeview .ui-draggable-dragging,
.ComponentForReportWizardView .treeview .ui-draggable-dragging {
  background: none;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
  text-indent: 0;
  line-height: 30px;
  min-width: 120px;
  height: 30px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  background-color: #ededed;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -ms-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ededed);
  background-image: -o-linear-gradient(top, #f6f6f6, #ededed);
  background-image: linear-gradient(top, #f6f6f6, #ededed);
}
.ComponentForWorkflowWizardView .radio-input,
.ComponentForReportWizardView .radio-input {
  margin-bottom: 10px !important;
}
#ModuleForWorkflowWizardView table span,
#ModuleForReportWizardView table span {
  text-align: left;
  display: block;
  margin-bottom: 20px;
}
#ModuleForWorkflowWizardView table td,
#ModuleForReportWizardView table td {
  padding-left: 0;
}
.hasTree {
  width: 25%;
  float: left;
  padding: 8px 0;
  min-height: 500px;
  max-height: 600px;
  overflow: auto;
  z-index: 10;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.hasTree .big-spinner {
  margin-left: 45%;
  margin-top: 30%;
}
.dynamic-droppable-area {
  width: 75%;
  float: right;
  padding-left: 15px;
  margin-top: 10px;
  position: relative;
  z-index: 5;
}
.droppable-dynamic-rows-container.ui-droppable {
  float: left;
  width: 100%;
  z-index: 0;
  min-height: 600px;
  position: relative;
  margin-bottom: 15px;
}
.droppable-dynamic-rows-container.ui-droppable.ui-state-active .drop-zone {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.droppable-dynamic-rows-container.EmailMessages,
.droppable-dynamic-rows-container.Actions {
  min-height: 0;
}
.activate-drop-zone {
  -webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}
.activate-drop-zone .drop-zone {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 100;
}
.drop-zone {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  width: 100%;
  height: 100%;
  display: block;
  padding: 5px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  clear: left;
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 0;
  background: rgba(255, 255, 255, 0.5);
}
.drop-zone div {
  padding-top: 35%;
  display: block;
  width: 100%;
  height: 100%;
}
.cloned {
  border: 2px solid red !important;
  z-index: 10000;
}
.dynamic-rows {
  float: left;
  width: 100%;
  position: relative;
  z-index: 5;
}
.dynamic-rows ul,
.dynamic-rows li {
  list-style: none;
}
.dynamic-row {
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 5px 0;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 30px 10px 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
}
.dynamic-row > div {
  position: relative;
  float: left;
  width: 100%;
}
.dynamic-row > div > span:first-child + div {
  margin-right: 0 !important;
  width: 45%;
  float: left;
}
.dynamic-row > div .criteria-value-container {
  margin-right: 30px !important;
  width: 45%;
  float: right;
}
.dynamic-row > div .has-model-select {
  float: left;
}
.dynamic-row label.hasCheckBox {
  margin-left: 0 !important;
}
.dynamic-row .edit-dynamic-row-link {
  margin-left: 0;
  cursor: pointer;
}
.dynamic-row .remove-dynamic-row-link {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #a7a7a7 !important;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.dynamic-row .dynamic-row-number-label {
  position: absolute;
  width: 25px;
  text-align: right;
  left: -32px;
  top: 0;
  float: left;
  line-height: 26px;
  margin-right: 15px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.dynamic-row .errorMessage {
  margin-bottom: 5px;
}
.dynamic-row .hasDropDown {
  width: auto !important;
}
.dynamic-row:hover .remove-dynamic-row-link {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.dynamic-row .z-button {
  margin-left: 0;
}
.remove-action-row-link {
  position: relative;
  top: -9px;
}
.dynamic-row.clone {
  padding: 15px;
  position: absolute;
  z-index: 10000;
}
.glow {
  background-color: #ffffe0;
  border-color: #e6db55;
}
.dynamic-sub-row {
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 10px 0;
}
.dynamic-sub-row .dynamic-action-attribute-should-set-value {
  padding: 0;
  width: auto;
  margin-right: 10px;
}
.dynamic-sub-row .dynamic-row-label {
  width: 25%;
}
.dynamic-sub-row .dynamic-action-attribute-type-and-value-wrapper {
  width: 70%;
}
.dynamic-sub-row + h3 {
  margin-top: 15px;
}
.dynamic-action-attribute-type {
  width: 35%;
  float: left;
}
.dynamic-action-attribute-type > span {
  line-height: 26px;
}
.dynamic-action-attribute-type + .value-data {
  width: 65%;
  padding-left: 15px;
}
.Filters .dynamic-row,
.Triggers .dynamic-row,
.Actions .dynamic-row,
.EmailMessages .dynamic-row {
  padding: 10px 30px;
}
.ui-sortable .dynamic-row:hover,
.sortable .dynamic-row:hover {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background: #f0f0f0 url(../images/drag-handle.png) left top repeat-y;
}
.ui-sortable .ui-sortable-helper .dynamic-row,
.sortable .ui-sortable-helper .dynamic-row {
  cursor: move;
  background-color: #f5f5f5;
}
.ui-sortable .expanded-row .dynamic-row:hover,
.sortable .expanded-row .dynamic-row:hover {
  background-image: none !important;
}
.dynamic-row-label {
  float: left;
  line-height: 26px;
  width: 25%;
}
.dynamic-action-attribute-should-set-value,
.dynamic-row-operator {
  float: left;
  width: 20%;
  padding-left: 15px;
}
.dynamic-action-attribute-type-and-value-wrapper,
.dynamic-row-field {
  float: right;
  width: 75%;
}
.value-data {
  float: right;
  width: 80%;
}
.report-runtime-availability {
  min-width: 145px;
  position: relative;
  display: block;
  float: right;
  line-height: 26px;
  font-size: 11px;
  margin: 0 0 0 -160px;
}
.report-runtime-availability label {
  float: right !important;
  margin-right: 5px;
}
.report-runtime-availability .hasCheckBox {
  float: left !important;
  margin-left: 0;
  margin-right: 8px !important;
}
.hasFilter .dynamic-row-label {
  width: 100%;
}
.hasFilter .dynamic-row-operator {
  padding-left: 0;
}
.hasFilter .value-data {
  float: left;
  width: 100%;
  padding-right: 160px;
}
.hasFilter .dynamic-row-operator + .value-data {
  padding-left: 15px;
  width: 80%;
}
.first-date-area {
  display: block;
}
.dynamic-and-for-mixed {
  display: inline-block;
  padding: 5px 0;
  font-weight: bold;
}
#show-triggers-structure-wrapper,
#show-filters-structure-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  float: left;
  margin-top: 15px;
}
#show-triggers-structure-wrapper span,
#show-filters-structure-wrapper span {
  width: 120px;
}
#RuntimeFiltersForPortletView {
  float: left;
  width: 100%;
}
#RuntimeFiltersForPortletView .dynamic-row {
  padding: 0 0 15px 0;
}
#RuntimeFiltersForPortletView .value-data {
  width: 55%;
  padding-left: 15px;
}
#RuntimeFiltersForPortletView .dynamic-rows {
  float: none;
}
#RuntimeFiltersForPortletView .first-date-area {
  margin-top: 0;
}
#RuntimeFiltersForPortletView .view-toolbar-container {
  width: 100%;
}
.ReportResultsComponentForPortletView {
  position: relative;
  min-height: 60px;
}
.ReportResultsComponentForPortletView .big-spinner {
  display: block;
  float: left;
  position: relative;
  left: 50%;
  margin: 10px 0 0 -21px;
  height: 65px;
}
.ReportResultsGridView #report-results-grid-view {
  overflow-x: auto;
}
.ReportResultsGridView #report-results-grid-view > .items th,
.ReportResultsGridView #report-results-grid-view > .items td {
  border-left: 1px solid #DFDFDF !important;
}
.ReportResultsGridView #report-results-grid-view > .items th {
  border-top: 1px solid #DFDFDF !important;
}
.ReportResultsGridView #report-results-grid-view > .items thead th:first-child {
  border-left: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items thead tr:first-child th,
.ReportResultsGridView #report-results-grid-view > .items thead tr:first-child td {
  border-top: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items tbody th:first-child {
  padding-left: 5px !important;
  border-left: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items tbody td:first-child,
.ReportResultsGridView #report-results-grid-view > .items tfoot td:first-child {
  border-left: none !important;
}
.ReportResultsGridView #report-results-grid-view > .items .total-column,
.ReportResultsGridView #report-results-grid-view > .items tfoot td {
  display: block;
  padding: 10px;
  border-top: 1px solid #DFDFDF;
  background: #111111 url(../images/dark-texture-table-footer.png) left top repeat-x !important;
  color: #FFF;
  font-weight: bold;
  background-color: #3d3d3d !important;
  display: table-cell;
  border-color: transparent !important;
  border: none !important;
  border-left: 1px solid #3d3d3d !important;
}
.ReportResultsGridView #report-results-grid-view > .items .expanded-row td,
.ReportResultsGridView #report-results-grid-view > .items .expanded-row th {
  background-color: #333333;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #222222, #333333);
  background-image: -ms-linear-gradient(top, #222222, #333333);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(top, #222222, #333333);
  background-image: -o-linear-gradient(top, #222222, #333333);
  background-image: linear-gradient(top, #222222, #333333);
  color: #EFEFEF;
  border: 1px solid #333;
}
.ReportResultsGridView #report-results-grid-view > .items .expanded-row td a,
.ReportResultsGridView #report-results-grid-view > .items .expanded-row th a {
  color: #EFEFEF;
}
.ReportResultsGridView #report-results-grid-view > .items .expanded-row td a:hover,
.ReportResultsGridView #report-results-grid-view > .items .expanded-row th a:hover {
  color: #fff;
  text-decoration: underline;
}
.ReportResultsGridView .items {
  overflow-x: hidden;
}
.ReportResultsGridView .icon-empty:before {
  content: "V";
}
#MatrixReportResultsGridView #report-results-grid-view > .items th,
#MatrixReportResultsGridView #report-results-grid-view td {
  text-align: center !important;
}
#UserCannotRenderReportProperlySplashView {
  float: left;
  margin-bottom: 30px;
}
#ChartForReportWizardView .panel > label {
  text-align: left;
  display: block;
  margin-bottom: 20px;
}
#ChartForReportWizardView .right-side-edit-view-panel label {
  float: none;
}
.hasDrillDownContent {
  padding: 0 5px 5px 5px !important;
  background-color: #555555;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #333333, #555555);
  background-image: -ms-linear-gradient(top, #333333, #555555);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(top, #333333, #555555);
  background-image: -o-linear-gradient(top, #333333, #555555);
  background-image: linear-gradient(top, #333333, #555555);
}
.hasDrillDownContent .big-spinner {
  margin-top: 10px;
}
.drillDownContent {
  background: #fff;
  min-height: 60px;
  border-top: none;
}
.drillDownContent tbody td,
.drillDownContent tbody th {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.drillDownContent > h4,
.drillDownContent > h5 {
  padding: 5px 5px 0 5px;
}
.hasDrillDownLink {
  padding: 10px 0 !important;
  width: 20px !important;
  text-align: center !important;
}
.drilldown-link {
  cursor: pointer;
  display: block;
  text-align: left;
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  left: 5px;
  top: -2px;
}
.refreshPortletLink {
  position: absolute;
  top: -28px;
  right: 10px;
}
.first-series-and-range-area > div,
.second-series-and-range-area > div {
  margin-bottom: 15px;
  width: 50%;
  float: left;
  padding-right: 5px;
}
.first-series-and-range-area > div + div,
.second-series-and-range-area > div + div {
  padding-left: 5px;
  padding-right: 0;
}
#series-and-range-areas {
  width: auto;
  float: none;
  clear: left;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin-bottom: 15px;
}
#series-and-range-areas .buffer {
  padding-left: 22px;
}
#CampaignDetailsView .view-toolbar ul:first-child > li > a,
#MarketingListDetailsView .view-toolbar ul:first-child > li > a,
#ReportDetailsView .view-toolbar ul:first-child > li > a {
  border-left: none;
}
#reset-runtime-filters .z-label {
  color: #666 !important;
  -webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -ms-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  -o-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.75) !important;
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x !important;
}
.zero-components-view {
  float: left;
  position: absolute;
  left: 0;
  top: 75px;
  width: 100%;
}
.zero-components-view .large-icon {
  border-right: none;
  margin-right: 0;
  width: 100%;
  text-align: center;
}
.zero-components-view h2 {
  padding-top: 10px;
  text-align: center;
  width: 55%;
  margin: 0 auto;
}
.zero-components-view .large-icon:after {
  margin-right: 45px;
}
.zero-components-view.Actions,
.zero-components-view.EmailMessages,
.zero-components-view.WorkflowRulesOrder,
.zero-components-view.TimeTrigger {
  position: relative;
  top: 0;
  left: 0;
  float: none;
}
.related-model-selector {
  float: left;
  width: 75%;
  margin: 10px 0 0 25%;
}
.missing-report:after,
.Warning .large-icon:after {
  content: "j";
  font-weight: normal !important;
  font-size: 250px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60%;
}
.SavedReport .large-icon:after {
  content: "V";
  font-weight: normal !important;
  font-size: 320px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 55%;
}
.SavedWorkflow .large-icon:after {
  content: '\20AC';
  font-weight: normal !important;
  font-size: 330px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 55%;
}
.FilterIconOrSomethingElse .large-icon:after,
.ZeroFilters .large-icon:after {
  content: '\00A9';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroGroupBys .large-icon:after {
  content: '\002A';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroDisplayAttributes .large-icon:after {
  content: '\00AB';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.WorkflowRulesOrder .large-icon:after,
.ZeroOrderBys .large-icon:after {
  content: '\2039';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroDrillDownDisplayAttributes .large-icon:after {
  content: '\00BB';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroTriggers .large-icon:after {
  content: '\007E';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroActions .large-icon:after {
  content: '\00A3';
  font-weight: normal !important;
  font-size: 300px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.ZeroEmailMessages .large-icon:after {
  content: '\00A5';
  font-weight: normal !important;
  font-size: 235px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
.NoTimeTrigger .large-icon:after,
.ZeroTimeTrigger .large-icon:after {
  content: 'q';
  font-weight: normal !important;
  font-size: 235px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 30%;
}
#ReportResultsSQLView {
  padding: 15px;
  font-family: monospace, monaco, sans-serif;
  line-height: 18px;
  color: #333;
}
#ReportResultsSQLView > div + div {
  margin-top: 15px;
}
.Triggers .value-data {
  padding-right: 0;
}
.EmailMessages .col-0 {
  width: 20% !important;
}
.EmailMessages .col-1 {
  width: 80% !important;
}
.EmailMessages .panel {
  width: 100% !important;
}
.email-message-recipient-rows .hasDropDown {
  float: left;
  min-width: 20%;
}
.email-message-recipient-rows .dynamic-row-label {
  width: 100%;
}
.email-message-recipient-rows .value-data {
  padding-left: 15px;
}
.email-message-recipient-rows .value-data .hasDropDown {
  width: 100% !important;
}
.email-message-recipient-rows .dynamic-sub-row {
  padding: 0 20px;
}
.email-message-recipient-rows .dynamic-sub-row > div {
  position: relative;
}
.email-message-recipient-rows:hover .remove-dynamic-email-message-recipient-row-link {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.remove-dynamic-email-message-recipient-row-link {
  position: absolute;
  right: 0;
  top: 26px;
  display: block;
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  color: #a7a7a7 !important;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.email-message-recipient-type-selector-container {
  width: 22%;
  margin: 0 0 15px 0;
}
.all-related-field {
  float: left;
  width: 80%;
  padding-left: 10px;
}
.all-related-field .value-data {
  width: 42.5%;
  float: left;
}
.all-related-field > span {
  width: 15%;
  float: left;
  line-height: 26px;
}
.all-related-field > span + .value-data {
  float: left;
}
.static-address-field {
  float: left;
  width: 80%;
}
.static-address-field .value-data {
  width: 100%;
}
.static-address-field .value-data + .value-data {
  margin-top: 10px;
}
.static-address-field .value-data > span {
  float: left;
  line-height: 26px;
  width: 30%;
}
.static-address-field .value-data > input {
  float: left;
  width: 70%;
}
/*By Time Workflow*/
.zero-components-view.TimeTrigger,
#time-trigger-container {
  float: right !important;
  width: 80% !important;
  padding-left: 15px;
}
.zero-components-view.TimeTrigger .value-data,
#time-trigger-container .value-data {
  float: left;
  width: 55%;
}
.zero-components-view.TimeTrigger .first-value-area,
#time-trigger-container .first-value-area {
  margin-left: 15px;
}
.time-trigger-attribute-selector-container {
  width: 20%;
  float: left;
  min-height: 300px;
}
.dynamic-row-duration {
  float: left;
  width: 75%;
  margin-left: 25%;
  margin-top: 10px;
  padding-left: 15px;
}
.dynamic-row-duration > div {
  margin-top: 0 !important;
}
/*for actions in WORKFLOWS hide/show sequence*/
.ComponentForWorkflowWizardView .add-email-message-button-container,
.ComponentForWorkflowWizardView .action-type-selector-container {
  width: 20%;
  float: left !important;
}
.ComponentForWorkflowWizardView .droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .zero-components-view {
  float: left !important;
}
.ComponentForWorkflowWizardView .Actions.droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .EmailMessages.droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .TimeTrigger.droppable-dynamic-rows-container,
.ComponentForWorkflowWizardView .Actions.zero-components-view,
.ComponentForWorkflowWizardView .EmailMessages.zero-components-view,
.ComponentForWorkflowWizardView .TimeTrigger.zero-components-view {
  width: 80% !important;
  padding-left: 15px;
}
.ComponentForWorkflowWizardView .edit-dynamic-row-link {
  display: none;
}
.ComponentForWorkflowWizardView .ui-sortable {
  min-height: 300px;
  position: relative;
}
.action-type-selector-container > .hasDropDown {
  float: none;
  width: 100%;
}
.action-type-selector-container .related-model-selector {
  margin-left: 0;
  margin-top: 15px;
  width: 100%;
  float: none;
}
#AddEmailMessageLink {
  margin-left: 0;
}
/*WorkFlow Rules Order*/
.workflow-order-module-selector-container {
  width: 20%;
  float: left !important;
  min-height: 300px;
}
#workflow-order-container,
.WorkflowRulesOrder,
.no-workflows-to-order-view {
  float: right !important;
  width: 80% !important;
  padding-left: 15px;
}
#workflow-order-container + .float-bar,
.WorkflowRulesOrder + .float-bar,
.no-workflows-to-order-view + .float-bar {
  margin-top: 15px;
}
.workflow-order-container,
.no-workflows-to-order-view {
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}
.workflow-order-container .large-icon:after,
.no-workflows-to-order-view .large-icon:after {
  content: "j";
  font-weight: normal !important;
  font-size: 200px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60%;
}
.workflow-order-container p,
.no-workflows-to-order-view p {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  font-weight: bold;
  margin: 15px 0 0 0;
}
/*Wizard progress bar*/
.StepsAndProgressBarForWizardView .progress {
  width: 100%;
  margin-bottom: 15px;
}
.StepsAndProgressBarForWizardView .progress-back {
  width: 100%;
  height: 13px;
  background: #ededed;
  -webkit-box-shadow: inset 0 0 5px 0 #cccccc;
  -moz-box-shadow: inset 0 0 5px 0 #cccccc;
  -ms-box-shadow: inset 0 0 5px 0 #cccccc;
  -o-box-shadow: inset 0 0 5px 0 #cccccc;
  box-shadow: inset 0 0 5px 0 #cccccc;
  padding: 3px 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.StepsAndProgressBarForWizardView .progress-bar {
  height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.StepsAndProgressBarForWizardView span {
  display: inline-block;
  text-align: center;
}
.StepsAndProgressBarForWizardView .current-step {
  font-weight: bold;
}
/*Misc*/
.margetags-guide-link {
  margin-bottom: 10px;
}
.margetags-guide-link .simple-link {
  margin-left: 0;
}
#MashableInboxActionBarForViews .view-toolbar ul:first-child > li > a {
  border-left: none;
}
#MashableInboxActionBarForViews .search-view-0 {
  padding: 0 15px 15px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#MashableInboxActionBarForViews .list-view-items-summary-clone {
  margin-top: 5px;
}
#MashableInboxActionBarForViews .global-search-loopa {
  width: 24px;
}
#MashableInboxActionBarForViews #MashableInboxForm_searchTerm {
  width: 204px;
}
#MashableInboxActionBarForViews .nav > li:first-child:before {
  margin: 0;
}
#MashableInboxActionBarForViews .nav > li:first-child > a {
  color: #656565;
  font-weight: bold;
  text-shadow: #fff 0 1px 0;
  padding: 0 10px 0 40px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border-left: 1px solid #bababa;
}
#MashableInboxActionBarForViews .nav > li:first-child > a:after {
  margin-left: 6px;
}
#MashableInboxActionBarForViews .icon-conversation,
#MashableInboxActionBarForViews .icon-mission {
  position: relative;
}
#MashableInboxActionBarForViews .icon-conversation ul,
#MashableInboxActionBarForViews .icon-mission ul {
  width: 100%;
  left: 0;
  right: 0;
  top: 31px;
}
.inbox-item {
  position: relative;
}
.inbox-item div + span {
  display: block;
  padding-right: 80px;
  overflow: hidden;
}
.inbox-item .list-item-details {
  position: absolute;
  top: 0;
  right: 0;
}
.model-tag {
  display: inline-block;
  font-weight: 400;
  font-size: 11px !important;
  float: left;
  margin: 1px 5px 0 0 !important;
}
.model-tag span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  padding: 2px 4px;
  line-height: 1;
}
.model-tag.mission span {
  background-color: #16a085;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #1abc9c, #16a085);
  background-image: -ms-linear-gradient(top, #1abc9c, #16a085);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1abc9c), color-stop(100%, #16a085));
  background-image: -webkit-linear-gradient(top, #1abc9c, #16a085);
  background-image: -o-linear-gradient(top, #1abc9c, #16a085);
  background-image: linear-gradient(top, #1abc9c, #16a085);
}
.model-tag.conversation span {
  background-color: #2c3e50;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #34495e, #2c3e50);
  background-image: -ms-linear-gradient(top, #34495e, #2c3e50);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34495e), color-stop(100%, #2c3e50));
  background-image: -webkit-linear-gradient(top, #34495e, #2c3e50);
  background-image: -o-linear-gradient(top, #34495e, #2c3e50);
  background-image: linear-gradient(top, #34495e, #2c3e50);
}
.model-tag.notification span {
  background-color: #8e44ad;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #9b59b6, #8e44ad);
  background-image: -ms-linear-gradient(top, #9b59b6, #8e44ad);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9b59b6), color-stop(100%, #8e44ad));
  background-image: -webkit-linear-gradient(top, #9b59b6, #8e44ad);
  background-image: -o-linear-gradient(top, #9b59b6, #8e44ad);
  background-image: linear-gradient(top, #9b59b6, #8e44ad);
}
.last-comment ul,
.last-comment li {
  list-style: none;
}
.last-comment li {
  margin-top: 2px;
}
.tabs-container,
.email-template-content {
  position: relative;
  margin-bottom: 15px;
}
.tabs-container > .tab,
.email-template-content > .tab {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  display: none;
  line-height: 150%;
  padding: 0;
  border: 1px solid #dfdfdf;
  border-top: none;
  background: #fefefe;
}
.tabs-container > .tab label,
.email-template-content > .tab label {
  display: none;
}
.tabs-container > .tab .redactor_box,
.email-template-content > .tab .redactor_box {
  border: none !important;
}
.tabs-container > .tab .redactor_box textarea,
.email-template-content > .tab .redactor_box textarea {
  color: #fff !important;
  background: #111 !important;
}
.tabs-container > .tab textarea,
.email-template-content > .tab textarea {
  border: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.tabs-container .tab.active-tab,
.email-template-content .tab.active-tab {
  display: block;
  position: relative;
  top: 0;
}
.autoresponder-combined-content,
.email-template-combined-content {
  padding: 0 15px;
  position: relative;
}
.autoresponder-combined-content .big-spinner,
.email-template-combined-content .big-spinner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  margin: 0;
}
.autoresponder-combined-content .spinner,
.email-template-combined-content .spinner {
  margin: 100px 0 0 50%;
  left: 0 !important;
  top: 0 !important;
}
.email-template-content {
  /*
	.spinner{
		margin: 15% 0 0 50%;
		left: 0 !important;
		top: 0 !important;
	}*/

}
.email-template-content .big-spinner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.tabs-nav {
  border-bottom: 1px solid #dfdfdf;
}
.tabs-nav a {
  display: inline-block;
  padding: 0 12px;
  line-height: 26px;
  margin: 0 5px 0 0;
  background: url(../images/table-items-header.png) left bottom repeat-x;
  border: 1px solid #dfdfdf;
  border-bottom: none;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 11px;
  font-weight: 700;
  color: #666;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -ms-text-shadow: 0 1px 0 #ffffff;
  -o-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}
.tabs-nav a:hover,
.tabs-nav a.active-tab {
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x;
  text-decoration: none;
  position: relative;
  top: 1px;
}
.mergetag-guide-modal {
  padding: 15px;
  line-height: 140%;
}
.mergetag-guide-modal > div {
  margin-top: 15px;
}
.mergetag-guide-modal h4 {
  margin-bottom: 5px;
}
.mergetag-guide-modal ul {
  padding-left: 16px;
}
.mergetag-guide-modal li {
  margin-bottom: 4px;
}
.redactor-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.juiportlet-columns-MarketingDashboard .juiportlet-widget {
  margin-right: 0;
}
.marketing-list-members-portlet-container .portlet-view-toolbar {
  float: left;
}
#marketing-list-member-configuration-form {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #DFDFDF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  *zoom: 1;
}
#marketing-list-member-configuration-form:before,
#marketing-list-member-configuration-form:after {
  content: " ";
  display: table;
}
#marketing-list-member-configuration-form:after {
  clear: both;
}
#marketing-list-member-configuration-form input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  left: -3px;
  width: 219px;
  float: left;
  margin: 0 0 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-left: none;
  font-style: italic;
  color: #999;
  text-indent: 5px;
  line-height: 25px;
  height: 25px !important;
  border: 1px solid #d5d4d4;
  background: url(../images/search-bar-gradient.png) left top repeat-x;
}
#marketing-list-member-configuration-form input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
#marketing-list-member-configuration-form .list-view-items-summary-clone {
  margin-top: 51px;
  font-weight: bold;
}
.MarketingListMembersListView {
  margin-bottom: 0;
}
.MarketingListMembersListView .items {
  background: #fff;
}
#marketing-list-member-select-contact-or-report-form {
  padding: 15px;
  position: relative;
}
#marketing-list-member-select-contact-or-report-form .close-flyout {
  position: absolute;
  right: 3px;
  top: 3px;
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  cursor: pointer;
}
#marketing-list-member-select-contact-or-report-form .close-flyout:hover {
  background: none !important;
}
#marketing-list-member-select-contact-or-report-form .search-without-scope {
  margin-top: 10px;
  position: relative;
  background: url(../images/search-bar-loopa.png) left top no-repeat;
}
#marketing-list-member-select-contact-or-report-form .search-without-scope .z-spinner {
  top: 2px;
  right: 0;
  left: auto;
  display: block;
}
#marketing-list-member-select-contact-or-report-form input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  margin: 0 0 0 23px;
  font-style: italic;
  color: #999;
  text-indent: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  background: url(../images/search-bar-gradient.png) left top repeat-x;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#marketing-list-member-select-contact-or-report-form input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
#marketing-list-member-select-contact-or-report-form input[type="radio"] {
  margin-right: 5px;
}
#marketing-list-member-select-contact-or-report-form label + input[type="radio"] {
  margin-left: 15px;
}
#MarketingListMembersForPortletView {
  float: left;
  width: 100%;
  box-shadow: inset 0 1px 0 0 #ffffff;
  background: #f6f6f6;
  /* Old browsers */

  background: -moz-linear-gradient(top, #f6f6f6 0, #ededed 110px, transparent 110px, transparent 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(110px, #ededed), color-stop(110px, transparent), color-stop(100%, transparent));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f6f6f6 0, #ededed 110px, transparent 110px, transparent 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f6f6f6 0, #ededed 110px, transparent 110px, transparent 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f6f6f6 0, #ededed 110px, transparent 110px, transparent 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f6f6f6 0, #ededed 110px, transparent 110px, transparent 100%);
  /* W3C */

}
#MarketingListMembersConfigurationForm_filteredBySearchTerm_area {
  margin-right: 15px;
  float: left;
  border: 1px solid #d5d4d4;
  background: url(../images/search-bar-loopa.png) left top no-repeat;
}
#MarketingListMembersConfigurationForm_filteredBySearchTerm_area input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 23px;
  text-indent: 5px;
  line-height: 23px;
  height: 23px !important;
  border: none;
  left: 0;
}
#MarketingListMembersConfigurationForm_filteredBySearchTerm_area input[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
#MarketingListMembersConfigurationForm_filteredBySubscriptionType_area {
  margin-left: 15px;
  width: auto;
  top: 20px;
}
.marketing-list-member-stats {
  margin: 5px 0 0 0;
  font-size: 12px;
}
.marketing-list-member-stats strong {
  display: block;
  margin-bottom: 3px;
}
.portlet-with-toolbar .view-toolbar {
  margin: 15px 0 0 15px;
}
.portlet-with-toolbar .view-toolbar .parent > ul {
  top: auto;
}
#ReportDetailsView,
#CampaignDetailsView,
#MarketingListDetailsView,
#SecuredActionBarForMarketingSearchAndListView {
  position: relative;
  z-index: 10;
}
#ReportDetailsView + div,
#CampaignDetailsView + div,
#MarketingListDetailsView + div,
#SecuredActionBarForMarketingSearchAndListView + div {
  position: relative;
  z-index: 5;
}
#ReportDetailsView + div + div,
#CampaignDetailsView + div + div,
#MarketingListDetailsView + div + div,
#SecuredActionBarForMarketingSearchAndListView + div + div {
  position: relative;
  z-index: 1;
}
.marketing-graph {
  float: left;
  margin-left: 2%;
  padding-bottom: 15px;
}
.marketing-graph:first-child {
  margin-left: 0;
}
.marketing-graph h3 {
  padding-left: 15px;
}
.marketing-graph.half {
  width: 49%;
}
.graph-container {
  clear: left;
  margin: 15px 0 0 0;
}
.marketing-list-autoresponders-list .items {
  background: #ffffff;
}
.edit-autoresponder-link {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}
.edit-autoresponder-link:after {
  content: " — ";
  font-weight: 400;
  color: #545454;
}
.autoresponder-extra-info {
  margin-bottom: 10px;
  font-style: italic;
}
.autoresponder-stats {
  padding-right: 5px;
  width: 20%;
  float: left;
  text-align: left;
  font-size: 12px;
}
.autoresponder-stats strong {
  font-size: 26px;
  font-weight: bold;
  display: block;
}
a + .autoresponder-stats {
  margin-left: 0;
}
.metrics-details {
  text-align: right;
}
.metrics-details h3 {
  width: auto;
  float: left;
  color: #545454 !important;
}
.metrics-details div,
.metrics-details form {
  width: auto;
  display: inline-block;
}
.metrics-details div label,
.metrics-details form label {
  float: left;
}
.metrics-details > div {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #656565;
  display: block;
  margin-bottom: 10px;
  /*&:after{
			content: "|";
			font-weight: bold;
			padding:0 8px;
		}*/

}
.module-intro-content,
#marketing-intro-content {
  margin-bottom: 30px;
}
.module-intro-examples h3 {
  margin-bottom: 10px;
}
.module-intro-examples ol {
  padding-left: 15px;
  line-height: 175%;
}
.module-intro-steps {
  width: 100%;
  margin: 30px 0 15px 0;
}
.module-intro-steps:after {
  clear: none;
}
.module-intro-steps > div {
  float: left;
  margin-left: 2%;
  min-height: 150px;
  background-color: rgba(51, 51, 51, 0.75);
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(34, 34, 34, 0.85), rgba(51, 51, 51, 0.75));
  background-image: -ms-linear-gradient(top, rgba(34, 34, 34, 0.85), rgba(51, 51, 51, 0.75));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34, 34, 34, 0.85)), color-stop(100%, rgba(51, 51, 51, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(34, 34, 34, 0.85), rgba(51, 51, 51, 0.75));
  background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0.85), rgba(51, 51, 51, 0.75));
  background-image: linear-gradient(top, rgba(34, 34, 34, 0.85), rgba(51, 51, 51, 0.75));
  color: #EFEFEF;
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  -ms-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  -o-box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  box-shadow: inset 0 1px 1px 0 rgba(200, 200, 200, 0.4), 0 1px 0 0 #111;
  padding: 1px 0 0 0;
}
.module-intro-steps > div:first-child {
  margin-left: 0;
}
.module-intro-steps h3 {
  color: #fff !important;
  font-size: 14px;
  padding: 34px 0 0 10px;
  font-weight: normal;
  -webkit-text-shadow: 0 1px 0 #000000;
  -moz-text-shadow: 0 1px 0 #000000;
  -ms-text-shadow: 0 1px 0 #000000;
  -o-text-shadow: 0 1px 0 #000000;
  text-shadow: 0 1px 0 #000000;
  position: relative;
  float: left;
  line-height: 1;
  height: 100%;
  min-height: 149px;
  width: 85px;
}
.module-intro-steps h3 strong {
  display: block;
  font-size: 50px;
  line-height: 1;
}
.module-intro-steps h3 span {
  color: #fff;
  display: inline-block;
  font-weight: 100 !important;
  font-size: 80%;
  line-height: 50px;
  margin-top: -5px;
}
.module-intro-steps p {
  min-height: 149px;
  padding: 10px 10px 10px 10px;
  margin-left: 85px;
  font-size: 13px;
  line-height: 21px;
  color: #ececec;
}
.module-intro-steps p strong {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 22px;
}
.module-intro-steps span {
  display: block;
}
#products-intro-steps img {
  float: left;
  margin: 10px 15px 10px 10px;
  opacity: 0.83;
}
#products-intro-steps .third p {
  border-left: none !important;
  padding-top: 0;
}
.hide-module-intro,
.hide-marketing-intro {
  margin-bottom: 30px;
  width: 100%;
  text-align: right;
}
.hide-module-intro span,
.hide-marketing-intro span {
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  border: none;
  margin-right: 5px;
  outline: none !important;
  display: inline-block;
  position: relative;
  top: 2px;
}
.hide-module-intro span:before,
.hide-marketing-intro span:before {
  content: "•";
}
.catalog-item-description .icon,
.product-description .icon,
.catalog-description .icon {
  position: relative;
  margin: 0px 15px 0 0;
  display: inline-block;
  height: 100%;
}
.catalog-item-description .icon:before,
.product-description .icon:before,
.catalog-description .icon:before {
  content: '\00CE';
  font-weight: normal !important;
  font-size: 145px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60px;
  position: absolute;
  top: 10px;
  -webkit-text-shadow: 0 -1px 0 #000000;
  -moz-text-shadow: 0 -1px 0 #000000;
  -ms-text-shadow: 0 -1px 0 #000000;
  -o-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
}
.catalog-item-description p {
  margin-left: 95px;
}
.catalog-item-description .icon:before {
  content: '\00CF';
  font-size: 160px;
}
.product-description p {
  margin-left: 110px;
}
.product-description .icon:before {
  left: 10px;
  content: '\0027';
  font-size: 160px;
}
.products .product-description {
  color: #fff !important;
}
.producttemplates .catalog-item-description .icon:before {
  color: #fff !important;
}
/*Continuum*/
.campaign-items-container .hasDrillDownContent {
  padding: 5px !important;
}
.campaign-items-container .hasDrillDownContent table {
  border-bottom: 1px solid #DFDFDF;
  margin: 5px 0 0 0;
  width: 100%;
}
.campaign-items-container .hasDrillDownContent td,
.campaign-items-container .hasDrillDownContent th {
  border: 1px solid #DFDFDF;
  border-right: none;
  vertical-align: middle;
  padding: 5px;
  word-wrap: break-word;
  text-align: left;
}
.campaign-items-container .hasDrillDownContent th {
  font-weight: bold !important;
  height: 25px;
  line-height: 25px;
  background: url(../images/table-items-header.png) left top repeat-x;
  padding: 0 5px;
}
.campaign-items-container .error {
  color: #c43d53;
}
.email-recipient-name {
  float: left;
  width: 15%;
  display: block;
  line-height: 23px;
}
.continuum {
  float: left;
  display: inline-block;
  font-size: 11px;
  margin-right: 10px;
}
.continuum > div {
  display: inline-block;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url(../images/view-toolbar-gradient-darker.png) left bottom repeat-x;
  -webkit-box-shadow: inset 0 0 1px 1px #efefef;
  -moz-box-shadow: inset 0 0 1px 1px #efefef;
  -ms-box-shadow: inset 0 0 1px 1px #efefef;
  -o-box-shadow: inset 0 0 1px 1px #efefef;
  box-shadow: inset 0 0 1px 1px #efefef;
}
.import-item-stage-status,
.email-recipient-stage-status {
  text-align: center;
  float: left;
  margin-left: 2%;
  font-size: 11px;
  width: auto;
  font-weight: 700;
  position: relative;
  color: #545454;
  text-shadow: #fff 0 1px 0;
  margin: 0;
  padding-right: 6px;
  line-height: 20px;
  display: inline-block;
  border-left: 1px solid #bababa;
}
.import-item-stage-status.stage-true i,
.email-recipient-stage-status.stage-true i {
  color: #97c43d;
  -webkit-text-shadow: 0 0 5px #97c43d;
  -moz-text-shadow: 0 0 5px #97c43d;
  -ms-text-shadow: 0 0 5px #97c43d;
  -o-text-shadow: 0 0 5px #97c43d;
  text-shadow: 0 0 5px #97c43d;
}
.import-item-stage-status.stage-false i,
.email-recipient-stage-status.stage-false i {
  color: #c43d53;
  -webkit-text-shadow: 0 0 5px #c43d53;
  -moz-text-shadow: 0 0 5px #c43d53;
  -ms-text-shadow: 0 0 5px #c43d53;
  -o-text-shadow: 0 0 5px #c43d53;
  text-shadow: 0 0 5px #c43d53;
}
.import-item-stage-status i,
.email-recipient-stage-status i {
  font-weight: bold;
  line-height: 1;
  padding: 0 6px;
  color: #ffd900;
  -webkit-text-shadow: 0 0 5px #ffd900;
  -moz-text-shadow: 0 0 5px #ffd900;
  -ms-text-shadow: 0 0 5px #ffd900;
  -o-text-shadow: 0 0 5px #ffd900;
  text-shadow: 0 0 5px #ffd900;
}
.import-item-stage-status:first-child,
.email-recipient-stage-status:first-child {
  border-left: none;
}
.import-item-stage-status span,
.email-recipient-stage-status span {
  font-size: 10px;
  font-weight: bold;
}
.led {
  font-weight: bold;
  line-height: 1;
  color: #ffd900;
  -webkit-text-shadow: 0 0 5px #ffd900;
  -moz-text-shadow: 0 0 5px #ffd900;
  -ms-text-shadow: 0 0 5px #ffd900;
  -o-text-shadow: 0 0 5px #ffd900;
  text-shadow: 0 0 5px #ffd900;
}
.led.state-true {
  color: #97c43d;
  -webkit-text-shadow: 0 0 5px #97c43d;
  -moz-text-shadow: 0 0 5px #97c43d;
  -ms-text-shadow: 0 0 5px #97c43d;
  -o-text-shadow: 0 0 5px #97c43d;
  text-shadow: 0 0 5px #97c43d;
}
.led.state-false {
  color: #c43d53;
  -webkit-text-shadow: 0 0 5px #c43d53;
  -moz-text-shadow: 0 0 5px #c43d53;
  -ms-text-shadow: 0 0 5px #c43d53;
  -o-text-shadow: 0 0 5px #c43d53;
  text-shadow: 0 0 5px #c43d53;
}
.CampaignItemsRelatedListView .icon-empty:before {
  content: "f";
}
.no-subscribers-found .icon-notice:before,
.no-email-recipients-found .icon-notice:before {
  content: "f";
}
.no-autoresponders-found .icon-notice:before {
  content: "g7";
}
#ProductIntroLinkActionElement ul,
#MarketingIntroLinkActionElement ul {
  right: 0;
}
#ProductIntroLinkActionElement ul li,
#MarketingIntroLinkActionElement ul li {
  padding: 0 5px 5px 5px;
}
#ProductIntroLinkActionElement ul li .hasCheckBox,
#MarketingIntroLinkActionElement ul li .hasCheckBox {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
#ProductIntroLinkActionElement .parent,
#MarketingIntroLinkActionElement .parent {
  /*> a > span:after{
			content:"n";
			.symbly(24px);
			position: relative;
			top: 2px;
		}*/

}
#ProductIntroLinkActionElement .parent a,
#MarketingIntroLinkActionElement .parent a {
  padding-left: 10px;
}
#ProductIntroLinkActionElement .parent > a > span,
#MarketingIntroLinkActionElement .parent > a > span {
  text-indent: -9999px;
  display: inline-block;
  width: 0;
}
#ProductIntroLinkActionElement .parent > a:before,
#MarketingIntroLinkActionElement .parent > a:before {
  content: "n";
  font-weight: normal !important;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  position: relative;
  top: 2px;
}
#ProductIntroLinkActionElement .parent a:after,
#MarketingIntroLinkActionElement .parent a:after {
  margin-left: 2px;
  top: 0;
}
.screen-options {
  padding: 5px 10px 10px 10px;
  text-align: left;
  color: #EFEFEF;
}
.screen-options h4 {
  text-align: right;
  color: #EFEFEF !important;
  font-weight: bold;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.screen-options .hasCheckBox {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
/*Manage Subscriptions*/
#MarketingListsExternalActionsPageView,
#MarketingListsManageSubscriptionsPageView {
  max-width: 900px;
  margin: 30px auto;
}
#MarketingListsExternalActionsPageView #HeaderLinksView,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView {
  margin: 0 0 20px 0;
}
#MarketingListsExternalActionsPageView #HeaderLinksView > div,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView > div {
  margin: 0;
}
#MarketingListsExternalActionsPageView #HeaderLinksView + div,
#MarketingListsManageSubscriptionsPageView #HeaderLinksView + div {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#MarketingListsExternalActionsPageView #corp-logo span,
#MarketingListsManageSubscriptionsPageView #corp-logo span {
  color: #545454;
}
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .Warning,
#MarketingListsExternalActionsPageView .wrapper,
#MarketingListsManageSubscriptionsPageView .wrapper {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  float: none;
}
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .Warning,
#MarketingListsExternalActionsPageView .wrapper,
#MarketingListsManageSubscriptionsPageView .wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 12px 5px rgba(153, 153, 153, 0.3);
  /*999*/

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#MarketingListsExternalActionsPageView .Warning,
#MarketingListsManageSubscriptionsPageView .Warning {
  padding: 15px 0 30px 0;
}
#MarketingListsExternalActionsPageView .Warning h2,
#MarketingListsManageSubscriptionsPageView .Warning h2,
#MarketingListsExternalActionsPageView .Warning div,
#MarketingListsManageSubscriptionsPageView .Warning div,
#MarketingListsExternalActionsPageView .Warning p,
#MarketingListsManageSubscriptionsPageView .Warning p {
  float: none;
  margin: 0;
  width: 100%;
  text-align: center;
}
#MarketingListsExternalActionsPageView .Warning h2,
#MarketingListsManageSubscriptionsPageView .Warning h2 {
  padding: 0;
}
#MarketingListsExternalActionsPageView .Warning div,
#MarketingListsManageSubscriptionsPageView .Warning div {
  margin: 15px 0 20px 0;
  border: 0;
}
#MarketingListsExternalActionsPageView #FooterView,
#MarketingListsManageSubscriptionsPageView #FooterView {
  margin: 20px 0;
  padding-bottom: 20px;
  clear: both;
}
#MarketingListsExternalActionsPageView h1,
#MarketingListsManageSubscriptionsPageView h1 {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table {
  width: 100%;
}
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table th,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table th {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  white-space: nowrap;
}
#MarketingListsExternalActionsPageView #marketingLists-manageSubscriptionsList table td,
#MarketingListsManageSubscriptionsPageView #marketingLists-manageSubscriptionsList table td {
  padding-bottom: 15px;
}
#MarketingListsExternalActionsPageView .switch,
#MarketingListsManageSubscriptionsPageView .switch {
  margin-right: 15px;
}
#kanban-holder {
  background-color: #f0f0f0;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -ms-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: linear-gradient(top, #fafafa, #f0f0f0);
  margin: 0;
  padding: 0;
  background-size: auto 100%;
  vertical-align: top;
  border-top: none;
}
#kanban-holder #kanban-board,
#kanban-holder .kanban-column,
#kanban-holder .kanban-column > div {
  margin-bottom: 0 !important;
}
#kanban-holder .empty {
  padding: 10px;
}
#kanban-holder .general-issue-notice {
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  padding: 15px 0;
}
#kanban-holder .general-issue-notice p {
  font-weight: bold;
}
#kanban-holder.kanban-background-football {
  background: #ffffff url(../images/kanban/football.jpg) left bottom no-repeat;
}
.kanban-background-football .background-texture-1 {
  background: #ffffff url(../images/kanban/swatch-football.jpg) left top no-repeat;
}
#kanban-holder.kanban-background-tennis {
  background: #ffffff url(../images/kanban/tennis.jpg) left bottom no-repeat;
}
.kanban-background-tennis .background-texture-1 {
  background: #ffffff url(../images/kanban/swatch-tennis.jpg) left top no-repeat;
}
#kanban-holder.kanban-background-motor {
  background: #ffffff url(../images/kanban/asphalt.jpg) center bottom no-repeat;
}
.kanban-background-motor .background-texture-1 {
  background: #ffffff url(../images/kanban/swatch-asphalt.jpg) left top no-repeat;
}
#kanban-holder.kanban-background-yoga {
  background: #ffffff url(../images/kanban/yoga.jpg) right top no-repeat;
}
.kanban-background-yoga .background-texture-1 {
  background: #ffffff url(../images/kanban/swatch-yoga.jpg) left top no-repeat;
}
#kanban-holder.kanban-background-blurred-lights,
.kanban-background-blurred-lights .background-texture-1 {
  background: #ffffff url(../images/kanban/defocus-light-yellowish-blue.jpg) center center no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-blurred-city,
.kanban-background-blurred-city .background-texture-1 {
  background: #ffffff url(../images/kanban/blurred-defocused-lights-on-rainy-city-road-at-night.jpg) center center no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-blurred-vera,
.kanban-background-blurred-vera .background-texture-1 {
  background: #ffffff url(../images/kanban/blurred-vera.png) center top no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-perfect-beach,
.kanban-background-perfect-beach .background-texture-1 {
  background: #ffffff url(../images/kanban/perfect-beach.jpg) center center no-repeat;
  background-size: 100% 100% !important;
}
#kanban-holder.kanban-background-flip-flops,
.kanban-background-flip-flops .background-texture-1 {
  background: #ffffff url(../images/kanban/flip-flops-with-blue-decking.jpg) center bottom no-repeat;
}
#kanban-holder.kanban-background-blue-structure,
.kanban-background-blue-structure .background-texture-1 {
  background: #ffffff url(../images/kanban/blue-structure.jpg) center bottom no-repeat;
}
#kanban-holder.kanban-background-sepia-sf,
.kanban-background-sepia-sf .background-texture-1 {
  background: #ffffff url(../images/kanban/sepia-sf.jpg) center bottom no-repeat;
}
#kanban-holder.kanban-background-men-on-bridge,
.kanban-background-men-on-bridge .background-texture-1 {
  background: #ffffff url(../images/kanban/men-on-bridge.jpg) center bottom no-repeat;
}
.background-texture-1 {
  background-size: 100%;
}
#kanban-board {
  display: table;
  vertical-align: top;
  height: 100%;
  width: 100%;
}
#kanban-board .drop-zone-container {
  padding: 37px 2px 2px 2px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
#kanban-board .drop-zone {
  position: relative;
}
.kanban-column {
  white-space: normal;
  display: table-cell;
  vertical-align: top;
  border-left: 1px solid #dfdfdf;
  position: relative;
}
.kanban-column:first-child {
  border-left: none;
}
.kanban-column ul {
  list-style: none;
  padding: 5px 5px;
  position: relative;
  z-index: 5;
  min-height: 600px;
}
.kanban-column .droppable-dynamic-rows-container {
  width: 100%;
  height: 100%;
}
.column-header {
  font-weight: bold !important;
  height: 35px;
  line-height: 35px;
  background: rgba(255, 255, 255, 0.8) url(../images/table-items-header.png) left top repeat-x;
  padding: 0 0 0 5px;
  white-space: nowrap;
  border-bottom: 1px solid #dfdfdf;
}
/*
@themeColor        : #282A76;
    @themeColor2       : #7CB830;
    @themeColorBtn     : #97c43d;
    @themeColorBtn2    : darken(@themeColorBtn, 10%);
    */
.kanban-card > div {
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 5px 0 !important;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) , 1px 1px 1px 0px rgba(153, 153, 153, 0.15);
}
.kanban-card span {
  display: inline-block;
  margin-bottom: 3px;
}
.kanban-card .hidden-content > a {
  font-size: 11px;
  position: relative;
  top: 5px;
}
.kanban-card .hidden-content > div {
  display: none;
  padding: 10px 0 5px 0;
}
.kanban-card .gravatar {
  border: none !important;
}
.opportunity-name {
  font-size: 12px;
  font-weight: normal;
}
.account-name {
  font-size: 14px;
  font-weight: bold;
  color: #666;
}
.opportunity-amount {
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  color: #222363;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -o-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  line-height: 1;
  margin-bottom: 5px;
}
.closing-date {
  font-size: 11px;
  text-align: right;
}
.closing-date i {
  text-align: left;
  font-weight: normal !important;
  font-size: 12px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.closing-date i:after {
  content: "z";
}
.opportunity-owner {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-align: right;
  display: block;
  line-height: 1;
}
.opportunity-owner span {
  display: inline-block;
  top: -7px;
  position: relative;
  margin: 0 5px;
}
.opportunity-owner img {
  background: #DFDFDF;
  padding: 1px;
}
#OpportunitiesListView .kanban-card > div {
  padding: 5px 5px 15px 10px;
}
#OpportunitiesListView .kanban-card span {
  display: block;
}
.kanban-card.clone {
  position: absolute;
  z-index: 10000;
}
.kanban-board-options-panel {
  width: 50%;
  float: left;
}
.kanban-board-options-panel h3 {
  margin-bottom: 10px;
}
.icon-kanban-board-view-type,
.icon-grid-view-type {
  margin: 0 3px !important;
}
.icon-kanban-board-view-type span,
.icon-grid-view-type span {
  display: none;
}
.task-details {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #dfdfdf;
}
.completion-percentage-bar {
  position: relative;
  top: -5px;
  text-indent: -9999px;
  height: 3px;
  width: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #97c43d;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(left, #6fa82d, #97c43d);
  background-image: -ms-linear-gradient(left, #6fa82d, #97c43d);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #6fa82d), color-stop(100%, #97c43d));
  background-image: -webkit-linear-gradient(left, #6fa82d, #97c43d);
  background-image: -o-linear-gradient(left, #6fa82d, #97c43d);
  background-image: linear-gradient(left, #6fa82d, #97c43d);
}
.task-status {
  font-weight: normal;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  font-size: 10px;
  float: left;
}
.task-status:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.status-4 .task-status {
  color: #a82d31;
}
.task-due-date {
  float: right;
  font-weight: bold;
  font-size: 10px;
  color: #323232;
}
.task-content {
  padding: 10px 0 0 0;
  border-top: 1px solid #fff;
}
.task-content h4 span {
  font-weight: normal;
  margin-left: 5px;
  font-size: 11px;
}
.task-subscribers {
  margin-top: 10px;
  padding-top: 7px;
  border-top: 1px solid #dfdfdf;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  -ms-box-shadow: inset 0 1px 0 #ffffff;
  -o-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.task-subscribers img {
  margin-right: 5px;
}
.task-subscribers .z-link {
  position: relative;
  top: 3px;
}
.task-action-toolbar {
  overflow: hidden;
  float: right;
  margin: 0 0 10px 5px !important;
}
.task-action-toolbar .button-label {
  font-size: 11px;
  padding: 0 3px !important;
  line-height: 20px !important;
  z-index: 10;
}
.task-action-toolbar .button-label:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.action-type-accept .button-label {
  color: #ffffff;
}
.action-type-accept .button-label:before {
  background-color: #6fa82d;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #6fa82d);
  background-image: -ms-linear-gradient(top, #97c43d, #6fa82d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #6fa82d));
  background-image: -webkit-linear-gradient(top, #97c43d, #6fa82d);
  background-image: -o-linear-gradient(top, #97c43d, #6fa82d);
  background-image: linear-gradient(top, #97c43d, #6fa82d);
}
.action-type-accept .button-action:hover .button-label {
  color: #344415;
  -webkit-text-shadow: 0px 1px 0 #a1ca51;
  -moz-text-shadow: 0px 1px 0 #a1ca51;
  -ms-text-shadow: 0px 1px 0 #a1ca51;
  -o-text-shadow: 0px 1px 0 #a1ca51;
  text-shadow: 0px 1px 0 #a1ca51;
}
.action-type-accept .button-action:hover .button-label:before {
  background-color: #548022;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #548022);
  background-image: -ms-linear-gradient(top, #97c43d, #548022);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #548022));
  background-image: -webkit-linear-gradient(top, #97c43d, #548022);
  background-image: -o-linear-gradient(top, #97c43d, #548022);
  background-image: linear-gradient(top, #97c43d, #548022);
}
.action-type-reject .button-label {
  color: #ffffff;
}
.action-type-reject .button-label:before {
  background-color: #a82d31;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31);
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31));
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31);
  background-image: -o-linear-gradient(top, #c43d53, #a82d31);
  background-image: linear-gradient(top, #c43d53, #a82d31);
}
.action-type-reject .button-action:hover .button-label {
  color: #44151c;
  -webkit-text-shadow: 0px 1px 0 #ca5164;
  -moz-text-shadow: 0px 1px 0 #ca5164;
  -ms-text-shadow: 0px 1px 0 #ca5164;
  -o-text-shadow: 0px 1px 0 #ca5164;
  text-shadow: 0px 1px 0 #ca5164;
}
.action-type-reject .button-action:hover .button-label:before {
  background-color: #802225;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #c43d53, #802225);
  background-image: -ms-linear-gradient(top, #c43d53, #802225);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225));
  background-image: -webkit-linear-gradient(top, #c43d53, #802225);
  background-image: -o-linear-gradient(top, #c43d53, #802225);
  background-image: linear-gradient(top, #c43d53, #802225);
}
.action-type-finish .button-label {
  color: #ffffff;
}
.action-type-finish .button-label:before {
  background-color: #e4b600;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffcc00, #e4b600);
  background-image: -ms-linear-gradient(top, #ffcc00, #e4b600);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc00), color-stop(100%, #e4b600));
  background-image: -webkit-linear-gradient(top, #ffcc00, #e4b600);
  background-image: -o-linear-gradient(top, #ffcc00, #e4b600);
  background-image: linear-gradient(top, #ffcc00, #e4b600);
}
.action-type-finish .button-action:hover .button-label {
  color: #574500;
  -webkit-text-shadow: 0px 1px 0 #ffd11a;
  -moz-text-shadow: 0px 1px 0 #ffd11a;
  -ms-text-shadow: 0px 1px 0 #ffd11a;
  -o-text-shadow: 0px 1px 0 #ffd11a;
  text-shadow: 0px 1px 0 #ffd11a;
}
.action-type-finish .button-action:hover .button-label:before {
  background-color: #b18d00;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffcc00, #b18d00);
  background-image: -ms-linear-gradient(top, #ffcc00, #b18d00);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc00), color-stop(100%, #b18d00));
  background-image: -webkit-linear-gradient(top, #ffcc00, #b18d00);
  background-image: -o-linear-gradient(top, #ffcc00, #b18d00);
  background-image: linear-gradient(top, #ffcc00, #b18d00);
}
.action-type-restart .button-label {
  color: #ffffff;
}
.action-type-restart .button-label:before {
  background-color: #4d6c87;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #4e6d87, #4d6c87);
  background-image: -ms-linear-gradient(top, #4e6d87, #4d6c87);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e6d87), color-stop(100%, #4d6c87));
  background-image: -webkit-linear-gradient(top, #4e6d87, #4d6c87);
  background-image: -o-linear-gradient(top, #4e6d87, #4d6c87);
  background-image: linear-gradient(top, #4e6d87, #4d6c87);
}
.action-type-restart .button-action:hover .button-label {
  color: #10171c;
  -webkit-text-shadow: 0px 1px 0 #577a97;
  -moz-text-shadow: 0px 1px 0 #577a97;
  -ms-text-shadow: 0px 1px 0 #577a97;
  -o-text-shadow: 0px 1px 0 #577a97;
  text-shadow: 0px 1px 0 #577a97;
}
.action-type-restart .button-action:hover .button-label:before {
  background-color: #3a5267;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #4e6d87, #3a5267);
  background-image: -ms-linear-gradient(top, #4e6d87, #3a5267);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e6d87), color-stop(100%, #3a5267));
  background-image: -webkit-linear-gradient(top, #4e6d87, #3a5267);
  background-image: -o-linear-gradient(top, #4e6d87, #3a5267);
  background-image: linear-gradient(top, #4e6d87, #3a5267);
}
.subscribe-task-link,
.unsubscribe-task-link {
  background: #DFDFDF;
  padding: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.subscribe-task-link .icon-subscribe,
.unsubscribe-task-link .icon-subscribe,
.subscribe-task-link .icon-unsubscribe,
.unsubscribe-task-link .icon-unsubscribe {
  position: relative;
  top: -3px;
  display: block;
  text-align: center;
}
.subscribe-task-link .icon-subscribe:after,
.unsubscribe-task-link .icon-subscribe:after,
.subscribe-task-link .icon-unsubscribe:after,
.unsubscribe-task-link .icon-unsubscribe:after {
  color: #545454;
  content: '\2260';
  font-size: 29px;
}
.detail-subscribe-task-link,
.detail-unsubscribe-task-link {
  background: #DFDFDF;
  padding: 2px;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.detail-subscribe-task-link .icon-subscribe,
.detail-unsubscribe-task-link .icon-subscribe,
.detail-subscribe-task-link .icon-unsubscribe,
.detail-unsubscribe-task-link .icon-unsubscribe {
  position: relative;
  top: -2px;
  display: block;
  text-align: center;
}
.detail-subscribe-task-link .icon-subscribe:after,
.detail-unsubscribe-task-link .icon-subscribe:after,
.detail-subscribe-task-link .icon-unsubscribe:after,
.detail-unsubscribe-task-link .icon-unsubscribe:after {
  color: #545454;
  content: '\2260';
  font-size: 44px;
}
.icon-unsubscribe:after {
  content: '\2122' !important;
}
.webform-embed-code {
  padding: 0;
  margin-bottom: 15px;
  word-break: break-all;
  white-space: normal;
}
.webform-embed-code code {
  white-space: normal;
}
.webform-embed-code textarea {
  margin-top: 10px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-shadow: inset 0 0 2px 0 #cccccc;
  -moz-box-shadow: inset 0 0 2px 0 #cccccc;
  -ms-box-shadow: inset 0 0 2px 0 #cccccc;
  -o-box-shadow: inset 0 0 2px 0 #cccccc;
  box-shadow: inset 0 0 2px 0 #cccccc;
  width: 100%;
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  resize: none;
  white-space: pre;
  overflow: auto;
  font-family: "Courier New", Courier, monospace;
}
#ContactWebFormEditAndDetailsView .ui-sortable {
  list-style: none;
}
#ContactWebFormEditAndDetailsView .ui-sortable .hasCheckBox + label {
  top: 0;
  left: 8px;
}
#ContactWebFormEditAndDetailsView #ContactWebForm_serializedData {
  display: block;
  margin-top: -5px;
}
#ContactWebFormEditAndDetailsView label + label {
  margin-left: 0;
}
#ContactWebFormEditAndDetailsView .dynamic-row .remove-dynamic-row-link {
  top: 13px;
}
#ContactWebFormEditAndDetailsView h4 {
  margin-bottom: 15px;
}
#ContactWebFormEditAndDetailsView h3 {
  margin-left: 15px;
}
#zurmoExternalWebForm {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #545454;
}
#zurmoExternalWebForm .AppContent,
#zurmoExternalWebForm .wrapper {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#zurmoExternalWebForm .left-column {
  padding-bottom: 0;
}
#zurmoExternalWebForm .attributesContainer {
  margin: 0;
  padding: 0;
}
#zurmoExternalWebForm .form-toolbar,
#zurmoExternalWebForm .view-toolbar-container {
  border: none;
  text-align: right;
  padding: 0;
  margin: 0;
}
#zurmoExternalWebForm .float-bar {
  margin: 0;
}
#zurmoExternalWebForm .z-button {
  margin: 0;
}
#zurmoExternalWebForm .z-label {
  color: #fff;
  background-color: #799e30;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #799e30);
  background-image: -ms-linear-gradient(top, #97c43d, #799e30);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #799e30));
  background-image: -webkit-linear-gradient(top, #97c43d, #799e30);
  background-image: -o-linear-gradient(top, #97c43d, #799e30);
  background-image: linear-gradient(top, #97c43d, #799e30);
  -webkit-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -moz-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -ms-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  -o-text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
#zurmoExternalWebForm .z-label:active {
  color: #1f290c !important;
  background-color: #5b7724;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #97c43d, #5b7724);
  background-image: -ms-linear-gradient(top, #97c43d, #5b7724);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c43d), color-stop(100%, #5b7724));
  background-image: -webkit-linear-gradient(top, #97c43d, #5b7724);
  background-image: -o-linear-gradient(top, #97c43d, #5b7724);
  background-image: linear-gradient(top, #97c43d, #5b7724);
  -webkit-text-shadow: 0px 1px 0 #b6d678 !important;
  -moz-text-shadow: 0px 1px 0 #b6d678 !important;
  -ms-text-shadow: 0px 1px 0 #b6d678 !important;
  -o-text-shadow: 0px 1px 0 #b6d678 !important;
  text-shadow: 0px 1px 0 #b6d678 !important;
}
#zurmoExternalWebForm .z-label:hover {
  -webkit-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -moz-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -ms-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  -o-box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
  box-shadow: inset 0 5px 15px 2px rgba(0, 0, 0, 0.4), 0 1px 0 0 #FFF;
}
.field-label,
.hidden-field-label {
  float: left;
  display: inline-block;
  width: 80%;
}
.field-label input[type="text"],
.hidden-field-label input[type="text"],
.field-label textarea,
.hidden-field-label textarea {
  width: 80%;
}
.field-label .has-model-select,
.hidden-field-label .has-model-select,
.field-label .has-date-select,
.hidden-field-label .has-date-select,
.field-label .hasDropDown,
.hidden-field-label .hasDropDown {
  width: 80% !important;
  float: left;
}
.field-label .has-date-select,
.hidden-field-label .has-date-select {
  clear: none;
}
.field-label .has-date-select input,
.hidden-field-label .has-date-select input {
  width: 100% !important;
}
.field-label label,
.hidden-field-label label {
  width: 20%;
  line-height: 26px;
}
.is-required-checkbox,
.is-hidden-checkbox {
  float: left;
  display: inline-block;
  width: 20%;
}
.hidden-field-label,
.is-hidden-checkbox {
  margin-top: 10px;
}
#reCaptcha {
  padding-left: 30%;
  padding-bottom: 15px;
}
#captchaError {
  font-weight: bold;
  display: inline-block;
  width: 318px;
  text-align: center;
}
.sliding-panel {
  display: none;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
div.showing-panel {
  display: block;
}
.business-card .gravatar {
  margin-right: 12px;
  margin-bottom: 6px;
}
.business-card h2 {
  line-height: 100%;
  margin-right: 10px;
  display: inline-block;
}
.business-card h2 .salutation {
  font-weight: normal;
  font-size: 80%;
  margin-right: 5px;
}
.business-card h2 .user-name {
  font-weight: normal;
  font-size: 80%;
  margin-left: 5px;
}
.business-card .icon-star {
  margin-left: 5px;
}
.business-card h3.position {
  margin-top: 10px;
  line-height: 140%;
  font-weight: normal;
  color: #545454 !important;
}
.business-card h4 {
  color: #545454 !important;
  line-height: 150%;
  margin-bottom: 15px;
  font-size: 14px;
}
.business-card .contact-details {
  clear: left;
  color: #111;
  font-size: 14px;
  color: #666;
  margin-bottom: 7px;
  margin-top: 10px;
}
.business-card .contact-details > span {
  margin: 5px 20px 5px 0;
  color: #333;
  white-space: nowrap;
  float: left;
}
.business-card .address {
  clear: left;
  margin-bottom: 15px;
}
.business-card .icon-office-phone:before {
  content: "W";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 3px;
  color: #111;
  line-height: 1;
}
.business-card .icon-mobile-phone:before {
  content: '\2018';
  font-weight: normal !important;
  font-size: 21px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 3px;
  color: #111;
  line-height: 1;
}
.business-card .icon-email:before {
  content: "g";
  font-weight: normal !important;
  font-size: 18px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 5px;
  color: #111;
  line-height: 1;
}
.business-card .icon-map:before {
  content: "L";
  font-weight: normal !important;
  font-size: 20px;
  font-family: "zurmo_gamification_symbly_rRg";
  padding-right: 3px;
  color: #111;
  line-height: 1;
}
.business-card .demographic-details {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.business-card .demographic-details .sex {
  width: 35px;
  height: 62px;
  display: block;
  text-indent: -9999px;
  text-align: left;
  margin-top: 0;
  line-height: 1;
}
.business-card .demographic-details .male {
  background: url(../images/people.png) right top no-repeat;
}
.business-card .demographic-details .female {
  background: url(../images/people.png) right bottom no-repeat;
}
.business-card .demographic-details span {
  margin-top: 8px;
  font-weight: bold;
  display: block;
  float: right;
  line-height: 150%;
}
/*
.icon-demographic{

}

.icon-household{

}

.icon-interest{

}

.icon-purchase{

}
*/
#business-card-buttons {
  display: none !important;
  display: inline-block;
  font-size: 11px;
}
#business-card-buttons > div {
  display: inline-block;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url(../images/view-toolbar-gradient-darker.png) left bottom repeat-x;
  -webkit-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: inset 0 0 1px 1px #efefef, 0 0 9px 5px rgba(153, 153, 153, 0.12);
}
#business-card-buttons a {
  text-align: center;
  width: auto;
  position: relative;
  text-shadow: #fff 0 1px 0;
  margin: 0;
  padding: 0 6px;
  display: inline-block;
  border-left: 1px solid #bababa;
}
#business-card-buttons a:first-child {
  border-left: none;
}
#business-card-buttons a span {
  font-size: 10px;
  font-weight: bold;
  display: none;
}
#business-card-buttons a i {
  font-style: normal;
  font-weight: normal !important;
  font-size: 22px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  color: #656565;
}
#business-card-buttons.center-top {
  position: absolute;
  top: -1px;
  left: 50%;
  margin-left: -72px;
}
#business-card-buttons.center-top strong {
  margin-right: 4px;
}
#business-card-buttons.center-top > div {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#business-card-buttons.top-right {
  position: absolute;
  right: 12px;
  top: 16px;
}
#business-card-buttons.top-right a,
#business-card-buttons.top-right strong {
  display: block;
}
#business-card-buttons.top-right strong {
  margin-bottom: 3px;
  font-size: 10px;
  text-align: right;
}
#business-card-buttons.top-right a {
  border-left: none;
  border-top: 1px solid #bababa;
}
#business-card-buttons.top-right a:first-child {
  border-top: none;
}
#business-card-buttons.top-right a:hover span {
  float: left;
  position: absolute;
  right: 32px;
  top: 5px;
  display: block;
}
#business-card-buttons .active {
  color: #97c43d;
  -webkit-text-shadow: 0 0 1px #cbe29f;
  -moz-text-shadow: 0 0 1px #cbe29f;
  -ms-text-shadow: 0 0 1px #cbe29f;
  -o-text-shadow: 0 0 1px #cbe29f;
  text-shadow: 0 0 1px #cbe29f;
}
#business-card-buttons .active i {
  color: #97c43d;
}
.social-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 4px;
}
.social-icon:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 7px 0 #999999;
  -moz-box-shadow: 0 0 7px 0 #999999;
  -ms-box-shadow: 0 0 7px 0 #999999;
  -o-box-shadow: 0 0 7px 0 #999999;
  box-shadow: 0 0 7px 0 #999999;
}
.icon-bebo {
  background: url(../images/social-icons/bebo.png) center center no-repeat;
}
.icon-instagram {
  background: url(../images/social-icons/instagram.png) center center no-repeat;
}
.icon-picasa {
  background: url(../images/social-icons/picasa.png) center center no-repeat;
}
.icon-stumbleupon {
  background: url(../images/social-icons/stumbleupon.png) center center no-repeat;
}
.icon-behance {
  background: url(../images/social-icons/behance.png) center center no-repeat;
}
.icon-evernote {
  background: url(../images/social-icons/evernote.png) center center no-repeat;
}
.icon-lastfm {
  background: url(../images/social-icons/lastfm.png) center center no-repeat;
}
.icon-pinterest {
  background: url(../images/social-icons/pinterest.png) center center no-repeat;
}
.icon-tumblr {
  background: url(../images/social-icons/tumblr.png) center center no-repeat;
}
.icon-blogger {
  background: url(../images/social-icons/blogger.png) center center no-repeat;
}
.icon-facebook {
  background: url(../images/social-icons/facebook.png) center center no-repeat;
}
.icon-posterous {
  background: url(../images/social-icons/posterous.png) center center no-repeat;
}
.icon-twitter {
  background: url(../images/social-icons/twitter.png) center center no-repeat;
}
.icon-delicious {
  background: url(../images/social-icons/delicious.png) center center no-repeat;
}
.icon-flickr {
  background: url(../images/social-icons/flickr.png) center center no-repeat;
}
.icon-linkedin {
  background: url(../images/social-icons/linkedin.png) center center no-repeat;
}
.icon-reddit {
  background: url(../images/social-icons/reddit.png) center center no-repeat;
}
.icon-typepad {
  background: url(../images/social-icons/typepad.png) center center no-repeat;
}
.icon-designfloat {
  background: url(../images/social-icons/designfloat.png) center center no-repeat;
}
.icon-forrst {
  background: url(../images/social-icons/forrst.png) center center no-repeat;
}
.icon-myspace {
  background: url(../images/social-icons/myspace.png) center center no-repeat;
}
.icon-rss {
  background: url(../images/social-icons/rss.png) center center no-repeat;
}
.icon-vimeo {
  background: url(../images/social-icons/vimeo.png) center center no-repeat;
}
.icon-deviantart {
  background: url(../images/social-icons/deviantart.png) center center no-repeat;
}
.icon-friendfeed {
  background: url(../images/social-icons/friendfeed.png) center center no-repeat;
}
.icon-netvibes {
  background: url(../images/social-icons/netvibes.png) center center no-repeat;
}
.icon-skype {
  background: url(../images/social-icons/skype.png) center center no-repeat;
}
.icon-wordpress {
  background: url(../images/social-icons/wordpress.png) center center no-repeat;
}
.icon-digg {
  background: url(../images/social-icons/digg.png) center center no-repeat;
}
.icon-googleplus {
  background: url(../images/social-icons/googleplus.png) center center no-repeat;
}
.icon-orkut {
  background: url(../images/social-icons/orkut.png) center center no-repeat;
}
.icon-soundcloud {
  background: url(../images/social-icons/soundcloud.png) center center no-repeat;
}
.icon-yahoo {
  background: url(../images/social-icons/yahoo.png) center center no-repeat;
}
.icon-dribbble {
  background: url(../images/social-icons/dribbble.png) center center no-repeat;
}
.icon-grooveshark {
  background: url(../images/social-icons/grooveshark.png) center center no-repeat;
}
.icon-path {
  background: url(../images/social-icons/path.png) center center no-repeat;
}
.icon-spotify {
  background: url(../images/social-icons/spotify.png) center center no-repeat;
}
.icon-youtube {
  background: url(../images/social-icons/youtube.png) center center no-repeat;
}
.icon-klout {
  background: url(../images/social-icons/klout.png) center center no-repeat;
}
.icon-gravatar {
  background: url(../images/social-icons/gravatar.png) center center no-repeat;
}
.icon-plancast {
  background: url(../images/social-icons/plancast.png) center center no-repeat;
}
.icon-quora {
  background: url(../images/social-icons/quora.png) center center no-repeat;
}
.icon-foursquare {
  background: url(../images/social-icons/foursquare.png) center center no-repeat;
}
.icon-lanyrd {
  background: url(../images/social-icons/lanyrd.png) center center no-repeat;
}
.icon-aboutme {
  background: url(../images/social-icons/aboutme.png) center center no-repeat;
}
.back-of-card {
  display: none;
}
.back-of-card h3 {
  margin-bottom: 10px;
  margin-top: 30px;
}
.back-of-card ul {
  list-style: none;
}
.back-of-card li {
  font-weight: bold;
  margin-bottom: 3px;
  color: #666;
}
.back-of-card li span {
  font-weight: normal;
  margin-left: 5px;
  border: 1px solid #ccc;
  background: #eaeaea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 11px;
  color: #323232;
}
.back-of-card .complex-data li {
  line-height: 200%;
  width: 33.3%;
  float: left;
}
.back-of-card .simple-data li {
  float: left;
  width: auto;
  margin-bottom: 7px;
}
.back-of-card .simple-data span {
  margin: 0 5px 0 0;
}
.back-of-card .half {
  float: left;
  width: 49%;
}
.back-of-card .half + .half {
  margin-left: 2%;
}
div.special-pager {
  margin-bottom: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
div.special-pager .next span {
  text-indent: 0 !important;
  font-size: 11px;
  padding: 5px 0 5px 0 !important;
}
div.special-pager .next a:after,
div.special-pager .hidden.next:after {
  display: none !important;
}
#sliding-panel-toggle {
  width: 100%;
  background: #ffffff url(../images/view-toolbar-gradient.png) left bottom repeat-x;
  -webkit-box-shadow: inset 0 1px 0 #dfdfdf;
  -moz-box-shadow: inset 0 1px 0 #dfdfdf;
  -ms-box-shadow: inset 0 1px 0 #dfdfdf;
  -o-box-shadow: inset 0 1px 0 #dfdfdf;
  box-shadow: inset 0 1px 0 #dfdfdf;
  overflow: hidden;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  font-size: 11px;
}
.mini-button {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  border-radius: 4px;
  background: url(../images/view-toolbar-gradient-darker.png) left bottom repeat-x;
  -webkit-box-shadow: inset 0 0 1px 1px #efefef;
  -moz-box-shadow: inset 0 0 1px 1px #efefef;
  -ms-box-shadow: inset 0 0 1px 1px #efefef;
  -o-box-shadow: inset 0 0 1px 1px #efefef;
  box-shadow: inset 0 0 1px 1px #efefef;
  color: #545454;
  -webkit-text-shadow: #ffffff 0 1px 0;
  -moz-text-shadow: #ffffff 0 1px 0;
  -ms-text-shadow: #ffffff 0 1px 0;
  -o-text-shadow: #ffffff 0 1px 0;
  text-shadow: #ffffff 0 1px 0;
  line-height: 22px;
  height: 22px;
  padding: 0 6px;
}
.mini-button span {
  font-size: 11px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -ms-text-shadow: 0 1px 0 #ffffff;
  -o-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  color: #545454;
  line-height: 22px;
}
.toggle-back-of-card-link {
  margin-top: 5px;
}
.toggle-back-of-card-link span {
  display: none;
  padding: 0 6px 0 28px;
  background: url(../images/rapleaf.png) 4px center no-repeat;
}
.toggle-back-of-card-link span + span {
  line-height: 22px;
}
.toggle-back-of-card-link .show {
  display: block;
}
.callable-item {
  position: relative;
  z-index: 100;
}
.callable-item em {
  margin-right: 4px;
  font-style: normal;
}
.callable-item:hover .icon-onsip {
  display: block;
}
.callable-item .icon-onsip {
  animation-name: shake;
  animation-duration: 200ms;
  animation-iteration-count: 2;
  animation-timing-function: linear;
  -moz-animation-name: shake;
  -moz-animation-duration: 200ms;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: shake;
  -webkit-animation-duration: 200ms;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: linear;
  font-size: 28px;
  font-weight: normal !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
  display: none;
  color: #fff;
  position: absolute;
  left: -32px;
  top: -2px;
  background: #545454;
  width: 24px;
  height: 24px;
  line-height: 21px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.callable-item .icon-onsip:before {
  position: absolute;
  right: -10px;
  top: 6px;
  content: '';
  display: block;
  border: 6px solid #545454;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.hangup {
  position: relative;
  z-index: 0;
  padding-left: 12px;
  margin-left: -25px;
  font-size: 11px;
  border: 1px solid #c43d53;
  -webkit-box-shadow: inset 0 0 1px 1px #a82d31;
  -moz-box-shadow: inset 0 0 1px 1px #a82d31;
  -ms-box-shadow: inset 0 0 1px 1px #a82d31;
  -o-box-shadow: inset 0 0 1px 1px #a82d31;
  box-shadow: inset 0 0 1px 1px #a82d31;
  -webkit-text-shadow: #a82d31 0 1px 0;
  -moz-text-shadow: #a82d31 0 1px 0;
  -ms-text-shadow: #a82d31 0 1px 0;
  -o-text-shadow: #a82d31 0 1px 0;
  text-shadow: #a82d31 0 1px 0;
  line-height: 20px;
  color: #ffffff;
  background-color: #a82d31;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #c43d53, #a82d31);
  background-image: -ms-linear-gradient(top, #c43d53, #a82d31);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #a82d31));
  background-image: -webkit-linear-gradient(top, #c43d53, #a82d31);
  background-image: -o-linear-gradient(top, #c43d53, #a82d31);
  background-image: linear-gradient(top, #c43d53, #a82d31);
}
.hangup:hover {
  color: #000000 !important;
  -webkit-text-shadow: 0px 1px 0 #ca5164;
  -moz-text-shadow: 0px 1px 0 #ca5164;
  -ms-text-shadow: 0px 1px 0 #ca5164;
  -o-text-shadow: 0px 1px 0 #ca5164;
  text-shadow: 0px 1px 0 #ca5164;
  background-color: #802225;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #c43d53, #802225);
  background-image: -ms-linear-gradient(top, #c43d53, #802225);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c43d53), color-stop(100%, #802225));
  background-image: -webkit-linear-gradient(top, #c43d53, #802225);
  background-image: -o-linear-gradient(top, #c43d53, #802225);
  background-image: linear-gradient(top, #c43d53, #802225);
}
.toolbar-mbmenu i[class^="icon"] {
  display: none !important;
}
.pillbox-icon {
  color: #656565;
  font-weight: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pillbox {
  position: relative;
  z-index: 9999;
  font-size: 11px;
  border: 1px solid #b7b7b7;
  border-top-color: #e7e7e7;
  border-left-color: #d7d7d7;
  border-right-color: #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 30px 0;
  -webkit-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -moz-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -ms-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  -o-box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  box-shadow: 0 0 9px 5px rgba(153, 153, 153, 0.12);
  background: url(../images/view-toolbar-gradient.png) left bottom repeat-x;
  display: inline-block;
}
.pillbox + .pillbox {
  float: right;
}
.pillbox.empty {
  visibility: hidden;
}
.pillbox i[class^="icon"] {
  color: #656565;
  font-weight: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.split-button,
.default-button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: left;
}
.split-button + .default-button,
.default-button + .default-button,
.split-button + .split-button,
.default-button + .split-button {
  border-left: 1px solid #bababa;
}
.split-button > a,
.default-button > a {
  padding: 0 5px 0 5px;
}
.split-button i,
.default-button i {
  font-style: normal;
  line-height: 30px;
  margin-right: 3px;
}
.split-button:last-child .button-trigger {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.split-button .icon-trigger:before {
  display: block;
}
.split-button .button-actions:before {
  right: 4px;
  background: url(../images/tip.png) right bottom no-repeat;
}
.default-button:hover .icon-trigger:before {
  display: block !important;
}
.button-label {
  font-weight: bold;
  padding: 0 5px;
  line-height: 30px;
  display: inline-block;
  white-space: nowrap;
}
.button-label:empty {
  display: none;
}
.button-action-trigger,
.button-trigger {
  position: relative;
  z-index: 99999;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  float: right;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px;
}
.button-action-trigger:hover,
.button-trigger:hover {
  background-color: #ffffff ;
  background-repeat: no-repeat ;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(50%, #dddddd), to(#ffffff)) ;
  background-image: -webkit-linear-gradient(#ffffff, #dddddd 50%, #ffffff) ;
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd 50%, #ffffff) ;
  background-image: -ms-linear-gradient(#ffffff, #dddddd 50%, #ffffff) ;
  background-image: -o-linear-gradient(#ffffff, #dddddd 50%, #ffffff) ;
  background-image: linear-gradient(#ffffff, #dddddd 50%, #ffffff) ;
  border-left: 1px solid #e7e7e7;
}
.button-action-trigger:hover i,
.button-trigger:hover i {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-left: none;
}
.button-action-trigger:hover .icon-trigger:before,
.button-trigger:hover .icon-trigger:before {
  display: block;
}
.button-action-trigger:hover + .button-actions,
.button-trigger:hover + .button-actions {
  display: block;
}
.button-action-trigger .icon-trigger,
.button-trigger .icon-trigger {
  font-size: 14px !important;
  line-height: 1 !important;
  -webkit-box-shadow: inset 1px 0 0 0 #ffffff;
  -moz-box-shadow: inset 1px 0 0 0 #ffffff;
  -ms-box-shadow: inset 1px 0 0 0 #ffffff;
  -o-box-shadow: inset 1px 0 0 0 #ffffff;
  box-shadow: inset 1px 0 0 0 #ffffff;
  -webkit-text-shadow: 0 2px 0 #ffffff;
  -moz-text-shadow: 0 2px 0 #ffffff;
  -ms-text-shadow: 0 2px 0 #ffffff;
  -o-text-shadow: 0 2px 0 #ffffff;
  text-shadow: 0 2px 0 #ffffff;
  top: 0;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e7e7e7;
}
.button-action-trigger .icon-trigger:after,
.button-trigger .icon-trigger:after {
  content: "÷";
  padding: 0 0 0 6px;
}
.button-action-trigger .icon-trigger:before,
.button-trigger .icon-trigger:before {
  content: "";
  display: none;
  position: absolute;
  top: 24px;
  right: -2px;
  width: 13px;
  height: 8px;
  background: url(../images/tip.png) right bottom no-repeat;
}
.button-trigger {
  padding: 0 8px 0 0 !important;
}
.button-action-trigger:hover {
  background: none;
  border-left: none;
}
.button-action-trigger:hover i {
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-left: none;
}
.button-action-trigger:hover .icon-trigger:before {
  display: block !important;
}
.button-action-trigger .icon-options:after {
  margin: 0 !important;
  color: #656565;
  font-weight: normal;
  font-size: 24px;
  font-family: "zurmo_gamification_symbly_rRg";
  vertical-align: middle;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  top: -1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button-action-trigger .icon-trigger {
  border-left: none !important;
}
.button-action-trigger .icon-trigger:before {
  right: 0px;
}
.button-action-trigger .icon-trigger:after {
  padding: 0 3px;
}
.button-actions {
  cursor: text;
  z-index: 999;
  color: #EFEFEF;
  display: none;
  list-style: none;
  position: absolute;
  top: 40px;
  right: 0;
  min-width: 100px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  white-space: nowrap;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
}
.button-actions:hover,
.button-actions.stayOpen,
.button-actions.nav-open {
  display: block;
}
.button-actions:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 0;
  width: 100%;
  height: 15px;
  background: transparent;
}
.button-actions li {
  line-height: 100%;
}
.button-actions li:first-child {
  border-top: none;
}
.button-actions li:last-child {
  border-bottom: none;
}
.button-actions .divider {
  border-top: 1px solid #181818;
  border-bottom: 1px solid #323232;
  margin: 5px 5px;
}
.button-actions li > a {
  color: #EFEFEF;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 1px;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.button-actions label {
  color: #EFEFEF;
}
.button-actions .has-model-select {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.button-actions .has-model-select a {
  right: -1px;
  bottom: 3px;
  height: 23px;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
}
.button-actions .has-model-select a:hover {
  background: url(../images/dropdown-general.png) left top no-repeat !important;
}
/*
.flyout-action{
	border:1px solid #DCDCDC;
	//color:#333333 !important;
	//font-weight:bold;
	//.t-shadow(rgba( 255, 255, 255, 0.8 ) 0 1px 0);
	//background:#CCCCCC;
	#gradient > .vertical(#e8e8e8, #d2d2d2);
	//.b-shadow(~"inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0px 1px 0 0 rgba(0,0,0,0.08)");
	label{
		color:#545454 !important;
	}
}
*/
.nav-open .button-actions {
  display: block;
}
.nav-open .icon-trigger:before {
  display: block !important;
}
.nav-open .close-flyout {
  color: #ffffff !important;
}
.nav-open .flyout-action .close-flyout {
  color: #333333 !important;
}
.button-actions.open-on-left {
  right: auto;
  left: 0;
}
.button-actions.open-on-left:before {
  width: 80%;
  right: auto;
  background-position: 50% bottom;
}
.juiportlet-widget-content .pillbox {
  margin: 15px 0 0 15px;
}
.unread-count {
  display: inline-block;
  position: relative;
  top: -1px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 15px;
  text-align: center;
  color: #545454;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  font-size: 9px;
  font-weight: bold !important;
  background-color: #dfdfdf;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffffff, #dfdfdf);
  background-image: -ms-linear-gradient(top, #ffffff, #dfdfdf);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #ffffff, #dfdfdf);
  background-image: -o-linear-gradient(top, #ffffff, #dfdfdf);
  background-image: linear-gradient(top, #ffffff, #dfdfdf);
  border: 1px solid #dfdfdf;
}
.unread-count:hover {
  color: inherit;
}
/*checkboxes in pills*/
.hasCheckboxes {
  float: left;
  display: inline-block;
  border-left: 1px solid #bababa;
  text-indent: 0 !important;
  vertical-align: middle;
  padding: 0 0 0 15px;
  line-height: 30px;
}
.hasCheckboxes:before {
  content: "";
  margin: 0;
  display: none;
}
.hasCheckboxes .hasCheckBox {
  display: inline-block;
  width: auto;
  padding-left: 20px;
  margin-right: 0;
  position: relative;
  top: 3px;
}
.hasCheckboxes .hasCheckBox + label {
  padding-right: 15px;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: bold !important;
}
/*Overlay view*/
.overlay-view {
  width: 500px;
  text-align: left;
  padding: 5px 5px 10px 5px;
  white-space: normal;
}
.overlay-view div {
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  margin-bottom: 5px !important;
  line-height: 1.4;
  font-size: 12px;
  cursor: text;
}
.overlay-view .after-form-details-content {
  padding: 0px;
  color: #efefef !important;
  text-align: left;
}
.overlay-view .after-form-details-content a {
  display: inline;
  color: #EFEFEF !important;
  padding: 0;
  text-decoration: underline !important;
}
.overlay-view h3 {
  font-weight: bold;
  font-size: 13px;
  color: #EFEFEF !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.overlay-view .details-description {
  margin-bottom: 5px !important;
  line-height: 1.4;
  font-size: 12px;
}
.overlay-view strong {
  display: block;
}
body .overlay-view .after-form-details-content a:hover {
  background: none !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}
.stay-open {
  display: block !important;
}
.gd-dashboard-active #HeaderView {
  position: fixed;
  width: 100%;
}
.gd-dashboard-active .AppContainer {
  padding-top: 78px;
}
#gd-overlay {
  top: 78px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  width: 100%;
  display: block;
}
#gd-container {
  z-index: 100;
  top: 78px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  overflow: hidden;
}
#gd-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#gd-centralizer {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}
#game-dashboard {
  position: relative;
  width: 100%;
  max-width: 1200px;
  max-height: 600px;
  margin: auto;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #f1f1f1;
  background: url(../images/game-dashboard/blue-chalkboard-blurred.jpg) left top repeat;
}
#game-dashboard > div {
  padding: 10px 15px 15px 15px;
  display: block;
}
#game-dashboard h2,
#game-dashboard h3 {
  -webkit-text-shadow: 0 -1px 0 #151f1f;
  -moz-text-shadow: 0 -1px 0 #151f1f;
  -ms-text-shadow: 0 -1px 0 #151f1f;
  -o-text-shadow: 0 -1px 0 #151f1f;
  text-shadow: 0 -1px 0 #151f1f;
  color: #fff !important;
}
#game-dashboard ul {
  list-style: none;
}
#game-dashboard h2 {
  margin-bottom: 15px;
}
#game-dashboard a {
  color: #fff;
}
.close-dashboard-button {
  z-index: 999;
  width: 100%;
  height: 31px;
  max-width: 1200px;
  margin: auto;
  position: relative;
  top: 15px;
}
.close-dashboard-button a {
  margin-right: -15px;
  float: right;
  width: 30px !important;
  height: 31px !important;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  display: block;
  z-index: 11000;
}
.close-dashboard-button a:hover {
  border: none;
  background: none;
}
.close-dashboard-button .ui-icon-closethick {
  background: transparent url(../images/widget-close-btn.png) left top no-repeat;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 31px !important;
  text-indent: -9999px;
  display: block;
}
.close-dashboard-button .ui-icon-closethick:hover {
  background: transparent url(../images/widget-close-btn.png) left top no-repeat;
}
.div-hover {
  -webkit-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  -moz-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  -ms-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  -o-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
}
/*User Card*/
#gd-profile-card {
  padding: 0 !important;
  height: 84%;
  width: 20%;
  float: left;
  border-right: 1px solid rgba(32, 50, 52, 0.5);
  text-align: center;
}
#gd-profile-card h3 {
  margin: 0 0 10px 0;
}
#gd-profile-card ul {
  font-weight: bold;
}
#gd-profile-card ul li {
  line-height: 1.15;
}
#gd-profile-card ul i {
  font-style: normal;
  margin-right: 3px;
  color: #7cb830;
  font-size: 16px;
}
#gd-profile-card .gravatar,
#gd-profile-card img {
  height: auto;
  margin-bottom: 5px;
  padding: 0;
  border: none !important;
  background: none;
  max-width: 100%;
}
#gd-mini-stats-card {
  margin-top: 0px;
  *zoom: 1;
}
#gd-mini-stats-card:before,
#gd-mini-stats-card:after {
  content: " ";
  display: table;
}
#gd-mini-stats-card:after {
  clear: both;
}
#gd-mini-stats-card #gd-mini-stats-chart-div svg g:last-child > g:first-child {
  display: none;
}
#gd-mini-stats-card .gd-level {
  margin-top: -113px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 3;
  padding: 10px;
}
#gd-mini-stats-card .gd-level span:last-child {
  display: none;
  font-weight: bold;
  position: relative;
  top: 10px;
}
#gd-mini-stats-card strong {
  font-size: 36px;
  line-height: 1;
  display: block;
  color: #7cb830;
  font-weight: bold;
}
#gd-mini-stats-card strong + span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#gd-mini-stats-card .gd-num-badges,
#gd-mini-stats-card .gd-num-collections {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 5px;
  float: right;
  width: 45%;
  margin: 15px 0 0 0;
  font-weight: bold;
}
#gd-mini-stats-card .gd-num-badges strong,
#gd-mini-stats-card .gd-num-collections strong {
  font-size: 24px;
  display: block;
  font-weight: bold;
}
#gd-mini-stats-card .gd-num-badges {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  -ms-border-radius: 0 0 4px 0;
  -o-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
  float: right;
  margin-right: 5%;
}
/*Badges*/
#gd-badges-list {
  overflow-y: auto;
  height: 84%;
  width: 30%;
  position: absolute;
  top: 0;
  left: 20%;
  float: left;
  border-left: 1px solid rgba(83, 112, 115, 0.4);
  border-right: 1px solid rgba(32, 50, 52, 0.5);
}
#gd-badges-list li {
  *zoom: 1;
}
#gd-badges-list li:before,
#gd-badges-list li:after {
  content: " ";
  display: table;
}
#gd-badges-list li:after {
  clear: both;
}
#gd-badges-list li + li {
  padding-top: 10px;
}
#gd-badges-list .badge {
  float: left;
  margin-right: 15px;
}
#gd-badges-list .badge-grade {
  right: auto;
  left: -8px;
}
#gd-badges-list h3,
#gd-badges-list p {
  margin-bottom: 5px;
}
#gd-badges-list p {
  line-height: 1.4;
}
#gd-badges-list p + span {
  font-size: 11px;
  color: #aaa;
}
#gd-badges-list .type-achievements {
  -webkit-text-shadow: 0 -1px 0 #151f1f;
  -moz-text-shadow: 0 -1px 0 #151f1f;
  -ms-text-shadow: 0 -1px 0 #151f1f;
  -o-text-shadow: 0 -1px 0 #151f1f;
  text-shadow: 0 -1px 0 #151f1f;
  margin-top: 150px;
  font-size: 14px;
}
#gd-badges-list .type-achievements .icon-empty {
  position: relative;
  top: 10px;
}
#gd-badges-list .type-achievements .icon-empty:before {
  font-size: 64px;
}
/*Coins*/
#gd-z-coins {
  width: 15%;
  height: 25%;
  float: left;
  margin-left: 30%;
  border-left: 1px solid rgba(83, 112, 115, 0.4);
  border-right: 1px solid rgba(32, 50, 52, 0.5);
  border-bottom: 1px solid rgba(32, 50, 52, 0.5);
  position: relative;
  text-align: center;
}
#gd-z-coins a {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 11px;
  text-decoration: underline;
}
#gd-z-coin {
  display: block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 5px auto;
  font-weight: normal !important;
  font-size: 72px;
  font-family: "zurmo_gamification_symbly_rRg";
  cursor: default;
  color: #e2b321;
  background: url(../images/game-dashboard/coin.png) left top no-repeat;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
#gd-z-coin:hover {
  -webkit-animation: spinCoin 1s linear infinite;
  -moz-animation: spinCoin 1s linear infinite;
  -o-animation: spinCoin 1s linear infinite;
  -ms-animation: spinCoin 1s linear infinite;
  animation: spinCoin 1s linear infinite;
}
/*Leaderboard*/
#gd-leaderboard {
  width: 35%;
  height: 25%;
  float: left;
  border-bottom: 1px solid rgba(32, 50, 52, 0.5);
  border-left: 1px solid rgba(83, 112, 115, 0.4);
}
.leaderboard-rank {
  float: left;
  overflow: visible;
  width: 32%;
  margin-right: 2%;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: rgba(7, 53, 58, 0.3);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.3);
}
.leaderboard-rank:last-child {
  margin-right: 0;
}
.leaderboard-rank strong,
.leaderboard-rank span {
  display: block;
}
.leaderboard-rank strong {
  -webkit-text-shadow: 0 -1px 0 #1c5a4f;
  -moz-text-shadow: 0 -1px 0 #1c5a4f;
  -ms-text-shadow: 0 -1px 0 #1c5a4f;
  -o-text-shadow: 0 -1px 0 #1c5a4f;
  text-shadow: 0 -1px 0 #1c5a4f;
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
}
.leaderboard-rank span {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
/*Stats*/
#gd-statistics {
  width: 50%;
  height: 59%;
  margin-left: 30%;
  float: left;
  border-top: 1px solid rgba(83, 112, 115, 0.4);
  border-left: 1px solid rgba(83, 112, 115, 0.4);
}
#gd-stats-wrapper {
  border: 1px solid #d7d7d7;
  border-bottom: none;
  max-height: 320px;
}
.stat-row {
  width: 100%;
  padding: 10px 12px 10px 5px;
  white-space: nowrap;
  border-bottom: 1px solid #d7d7d7;
}
.stat-row:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
.stat-row h3 {
  width: 35%;
  text-align: right;
  display: inline-block;
}
.stat-row .stat-level,
.stat-row .stat-points {
  float: none;
  display: inline-block;
  width: 5%;
  text-align: center;
}
.stat-row .stat-level {
  font-weight: bold;
}
.stat-row .stat-points {
  width: 10%;
  position: relative;
  top: -8px;
  font-weight: 800;
}
.stat-row .stat-points em {
  position: absolute;
  top: 14px;
  left: 0;
  text-align: center;
  font-size: 11px;
  width: 100%;
  font-style: normal;
  font-weight: 100;
  color: #fff;
}
.stat-row .percentHolder {
  width: 45%;
  margin-left: 5%;
}
/*Collections*/
#gd-collections {
  width: 100%;
  height: 100px;
  float: left;
  border-top: 1px solid rgba(83, 112, 115, 0.4);
  padding: 0 !important;
  position: relative;
  z-index: 100;
}
#gd-carousel-wrapper {
  width: 95%;
  height: 100px;
  float: left;
  border-left: 1px solid rgba(83, 112, 115, 0.4);
  border-right: 1px solid rgba(32, 50, 52, 0.5);
  position: relative;
  z-index: 0;
}
#gd-carousel {
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 1;
}
.nav-button {
  width: 2.5%;
  height: 100%;
  text-align: center;
  line-height: 100px;
  font-size: 22px;
  float: left;
  display: block;
  -webkit-text-shadow: 0 -1px 0 #ffffff;
  -moz-text-shadow: 0 -1px 0 #ffffff;
  -ms-text-shadow: 0 -1px 0 #ffffff;
  -o-text-shadow: 0 -1px 0 #ffffff;
  text-shadow: 0 -1px 0 #ffffff;
  position: relative;
  z-index: 10;
  overflow: hidden;
  background: url(../images/game-dashboard/blue-chalkboard-blurred.jpg) left top repeat;
  z-index: 100;
  font-weight: normal !important;
  font-size: 42px;
  font-family: "zurmo_gamification_symbly_rRg";
}
#nav-left {
  border-right: 1px solid rgba(32, 50, 52, 0.5);
}
#nav-right {
  border-left: 1px solid rgba(83, 112, 115, 0.4);
}
.gd-collection-panel {
  position: relative;
  width: 285px;
  height: 300px;
  float: left;
  border-left: 1px solid rgba(32, 50, 52, 0.5);
  border-right: 1px solid rgba(83, 112, 115, 0.4);
}
.gd-collection-panel h3 {
  margin-top: 5px;
}
.gd-collection-panel .collection-badge {
  float: left;
  display: inline-block;
  height: 70px;
  margin: 0;
  margin: 0 15px 0 0;
  background-size: 100% auto;
}
.gd-collection-panel > div {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  padding: 15px 15px;
  -webkit-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  background: url(../images/game-dashboard/blue-chalkboard-blurred.jpg) center top repeat;
}
.gd-collection-panel > div.open-panel,
.gd-collection-panel > div:hover {
  -webkit-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  -moz-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  -ms-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  -o-box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
  box-shadow: inset 0 5px 0 0 rgba(32, 50, 52, 0.5), inset 0 6px 0 0 rgba(83, 112, 115, 0.4);
}
.gd-collection-panel .gd-number-collected {
  visibility: hidden;
  margin: -2px 0 0 0;
  white-space: nowrap;
}
.gd-collection-panel .gd-number-collected .have-it,
.gd-collection-panel .gd-number-collected .have-it-not {
  font-weight: normal !important;
  font-size: 34px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 1;
  margin: 0 0 0 -2px;
  color: #7cb830;
}
.gd-collection-panel .gd-number-collected .have-it-not {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.gd-collection-panel .gd-total-completed {
  top: -3px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  text-align: center;
  line-height: 34px;
}
.gd-collection-items {
  margin-top: 70px;
  position: relative;
  clear: left;
}
.gd-collection-items .num-collected {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: block;
  position: absolute;
  top: -6px;
  left: -10px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background: #7cb830;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(90, 142, 44, 0.9);
}
.gd-collection-items .missing img {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
  /* IE 6-9 */

}
.gd-collection-items .missing .num-collected {
  background: #c0392b;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 -1px 0 0 rgba(161, 45, 37, 0.9);
}
.gd-collection-item {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 25px;
}
.gd-collection-item img {
  max-height: 55px;
  width: auto;
}
.gd-collection-item-redeemed {
  margin-top: -10px;
  display: inline-block;
  float: right;
  text-align: center;
}
.gd-collection-item-redeemed img {
  max-width: 70px;
  height: auto;
  text-align: center;
}
.gd-collection-item-redeemed .num-collected {
  width: 24px;
  height: 24px;
  line-height: 24px;
  z-index: 9999;
}
.redeemable h3 {
  background: url(../images/game-dashboard/redeemable-coin-2.png) right 2px no-repeat;
}
.zurmo body .coin-button {
  position: relative;
  z-index: 1;
  overflow: visible;
  background: url(../images/game-dashboard/coin-button.png) center center no-repeat;
  width: 90px;
  height: 70px;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.zurmo body .coin-button .z-label {
  text-indent: 0;
  display: block;
  text-align: center;
  font-size: 13px;
  width: 100%;
  padding: 0;
  margin: 22px 0 0 0;
  color: #763d05 !important;
  -webkit-text-shadow: 0px 1px 0 #f9bd81 !important;
  -moz-text-shadow: 0px 1px 0 #f9bd81 !important;
  -ms-text-shadow: 0px 1px 0 #f9bd81 !important;
  -o-text-shadow: 0px 1px 0 #f9bd81 !important;
  text-shadow: 0px 1px 0 #f9bd81 !important;
  background-color: rgba(246, 146, 30, 0.8) !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(246, 146, 30, 0.8)) !important;
  background-image: -ms-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(246, 146, 30, 0.8)) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 241, 0, 0.8)), color-stop(100%, rgba(246, 146, 30, 0.8))) !important;
  background-image: -webkit-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(246, 146, 30, 0.8)) !important;
  background-image: -o-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(246, 146, 30, 0.8)) !important;
  background-image: linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(246, 146, 30, 0.8)) !important;
  border-top: 1px solid rgba(255, 241, 0, 0.3);
  border-bottom: 1px solid rgba(255, 241, 0, 0.3);
  border-left: 1px solid rgba(255, 241, 0, 0.5);
  border-right: 1px solid rgba(255, 241, 0, 0.5);
  -webkit-box-shadow: 0 0 3px 0 rgba(255, 241, 0, 0.1);
  -moz-box-shadow: 0 0 3px 0 rgba(255, 241, 0, 0.1);
  -ms-box-shadow: 0 0 3px 0 rgba(255, 241, 0, 0.1);
  -o-box-shadow: 0 0 3px 0 rgba(255, 241, 0, 0.1);
  box-shadow: 0 0 3px 0 rgba(255, 241, 0, 0.1);
}
.zurmo body .coin-button:hover span.z-label,
.zurmo body .coin-button:active span.z-label {
  color: #452403 !important;
  background-color: rgba(216, 120, 9, 0.8) !important;
  background-repeat: repeat-x !important;
  background-image: -moz-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(216, 120, 9, 0.8)) !important;
  background-image: -ms-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(216, 120, 9, 0.8)) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 241, 0, 0.8)), color-stop(100%, rgba(216, 120, 9, 0.8))) !important;
  background-image: -webkit-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(216, 120, 9, 0.8)) !important;
  background-image: -o-linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(216, 120, 9, 0.8)) !important;
  background-image: linear-gradient(top, rgba(255, 241, 0, 0.8), rgba(216, 120, 9, 0.8)) !important;
  -webkit-text-shadow: 0px 1px 0 #f8b068 !important;
  -moz-text-shadow: 0px 1px 0 #f8b068 !important;
  -ms-text-shadow: 0px 1px 0 #f8b068 !important;
  -o-text-shadow: 0px 1px 0 #f8b068 !important;
  text-shadow: 0px 1px 0 #f8b068 !important;
}
.zurmo body .coin-button.loading .z-label {
  text-indent: 20px;
}
.zurmo body .coin-button .z-spinner {
  display: block !important;
  top: 24px;
  left: 2px;
}
.coin-button.disabled {
  pointer-events: none;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: gray;
  /* IE 6-9 */

}
.random-game-coin {
  position: fixed;
  z-index: 999999999;
  left: 20px;
  bottom: 40px;
  display: block;
  width: 128px;
  height: 128px;
  line-height: 85px;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  margin: 0;
}
.random-game-coin > div {
  position: relative;
}
.game-coin {
  position: absolute;
  top: 0;
  left: 0;
  height: 128px;
  width: 128px;
  display: block;
  cursor: default;
  color: #e2b321;
  background: url(../images/game-dashboard/random-coin.png) center bottom no-repeat;
}
.smoke {
  position: absolute;
  top: 50px;
  left: 0;
  height: 128px;
  width: 128px;
  background-image: url(../images/game-dashboard/smoke_1_40_128_corrected.png);
  display: none;
}
/*Notification*/
#header-game-dashboard-link-wrapper {
  position: relative;
  overflow: visible;
}
#game-notification {
  position: absolute;
  min-width: 250px;
  padding: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #EFEFEF;
  top: 38px;
  right: 0;
  border: 1px solid #444;
  background: #252525;
  -webkit-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -moz-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -ms-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  -o-box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
  box-shadow: 0 0 10px 2px rgba(53, 53, 53, 0.5);
}
#game-notification h5 {
  color: #EFEFEF;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  font-size: 14px;
  margin-bottom: 10px;
}
#game-notification img {
  float: left;
  margin-right: 15px;
  padding-bottom: 15px;
}
#game-notification .notification-wrapper {
  float: left;
}
#game-notification p {
  line-height: 1.5;
}
#game-notification a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  display: inline;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
.project-create .icon,
.project-collaborate .icon,
.project-track .icon {
  position: relative;
  margin: 0px 15px 0 0;
  display: inline-block;
  height: 100%;
}
.project-create .icon:before,
.project-collaborate .icon:before,
.project-track .icon:before {
  content: '\02DB';
  font-weight: normal !important;
  font-size: 145px;
  font-family: "zurmo_gamification_symbly_rRg";
  line-height: 60px;
  position: absolute;
  top: 10px;
  -webkit-text-shadow: 0 -1px 0 #000000;
  -moz-text-shadow: 0 -1px 0 #000000;
  -ms-text-shadow: 0 -1px 0 #000000;
  -o-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
}
.project-collaborate p {
  margin-left: 110px;
}
.project-collaborate .icon:before {
  left: 10px;
  content: '\00AF';
}
.project-track p {
  margin-left: 110px;
}
.project-track .icon:before {
  left: 10px;
  content: '\02DA';
}
#ActiveProjectsListView {
  float: none;
  margin-bottom: 0;
}
#ActiveProjectsListView .items {
  background: #fff;
}
#ActiveProjectsListView .edit-autoresponder-link {
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
#ProjectsFeedListView {
  float: none;
  margin-bottom: 0;
}
#ProjectsFeedListView .items {
  background: #fff;
}
.type-tasks .items-wrapper {
  border: 1px solid #dfdfdf;
}
.task-dialog {
  *zoom: 1;
  min-width: 1000px;
  max-width: 1000px;
  border: none;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  -moz-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  -ms-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  -o-box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
  box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.3) ,0 0 15px 0 rgba(51, 51, 51, 0.25);
}
.task-dialog:before,
.task-dialog:after {
  content: " ";
  display: table;
}
.task-dialog:after {
  clear: both;
}
.task-dialog .col-0 {
  width: 15%;
}
.task-dialog .col-1 {
  width: 85%;
}
.task-dialog .ui-dialog-title {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px;
  font-weight: bold;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -moz-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -ms-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  -o-text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  height: 40px;
  line-height: 40px;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
  text-indent: 15px;
  width: 100%;
  height: 100%;
  display: block;
}
.task-dialog .toolbar-mbmenu {
  position: absolute;
  right: 0;
  top: 12px;
}
.task-dialog .wrapper,
.task-dialog .details-table {
  margin: 0;
  padding: 0;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
}
.task-dialog table {
  border: none;
}
.task-dialog td {
  padding-bottom: 15px;
}
.task-dialog .attributesContainer {
  padding-bottom: 0;
}
.task-dialog .float-bar {
  margin-bottom: 0;
}
.task-dialog .right-side-edit-view-panel {
  background: rgba(236, 240, 241, 0.25) url(../images/stripes.png) left top repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.task-modal-details-options-menu .parent > a {
  padding: 0;
}
.task-modal-details-options-menu .parent > a span {
  display: none;
}
.task-modal-details-options-menu .parent > a:before {
  content: 'n';
  font-weight: normal !important;
  font-size: 26px;
  font-family: "zurmo_gamification_symbly_rRg";
}
.task-modal-details-options-menu .parent > a:after {
  margin-left: 2px;
  position: relative;
  top: -2px;
}
#task-left-column-form-data label {
  margin-top: 15px;
  float: none;
  display: block;
}
#task-right-column-form-data label {
  float: none;
}
#task-right-column-form-data #status-box {
  margin-bottom: 15px;
}
#task-right-column-form-data .owner-box {
  position: relative;
  margin-bottom: 15px;
}
#task-subscriber-box {
  margin-top: 15px;
}
#task-subscriber-box h4 {
  margin-bottom: 4px;
}
#task-subscriber-box img {
  margin-right: 5px;
}
.check-list {
  margin-top: 30px;
}
.check-list h3 {
  margin-bottom: 10px;
}
.check-list-item {
  margin-top: 3px;
  position: relative;
}
.check-list-item .hasCheckBox {
  float: left;
  position: relative;
  top: -5px;
  margin-right: 5px;
}
.check-list-item.ui-sortable-helper {
  height: auto !important;
  padding: 8px 8px 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #f5f5f5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.check-list-item.ui-sortable-helper .task-check-item-actions {
  visibility: hidden !important;
}
.check-list-item:hover .task-check-item-actions {
  visibility: visible;
}
.check-list-item p {
  line-height: 1.4;
  padding-left: 22px;
}
.task-check-item-actions {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  background: #f0f0f0;
  -webkit-box-shadow: -10px 0 15px 5px #f0f0f0;
  -moz-box-shadow: -10px 0 15px 5px #f0f0f0;
  -ms-box-shadow: -10px 0 15px 5px #f0f0f0;
  -o-box-shadow: -10px 0 15px 5px #f0f0f0;
  box-shadow: -10px 0 15px 5px #f0f0f0;
}
.task-check-item-actions a {
  margin-left: 5px;
}
.task-check-item-actions i {
  color: #a7a7a7;
}
.editable-task-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 22px;
}
.editable-task-input input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666 !important;
  text-indent: 6px;
  line-height: 24px;
  height: 26px;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  /* http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/ */

  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=270);
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#task-check-item-inline-edit-form {
  margin-top: 10px;
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: rgba(236, 240, 241, 0.25) url(../images/stripes.png) left top repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
#task-check-item-inline-edit-form input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #666 !important;
  text-indent: 6px;
  line-height: 24px;
  height: 26px;
  -webkit-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -ms-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  -o-box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
  /* http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/ */

  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#bfbfbf, Strength=1, Direction=270);
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#task-check-item-inline-edit-form .task-input {
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
  width: 99%;
}
#task-check-item-inline-edit-form .task-add-button {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.task-activity {
  margin-top: 30px;
}
.task-activity #CommentsForRelatedModelView {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.task-activity #CommentInlineEditForModelView {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0 0;
  padding: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: rgba(236, 240, 241, 0.25) url(../images/stripes.png) left top repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.task-activity #CommentList {
  margin: 0 0 0 0;
}
.task-activity #comment-inline-edit-form {
  margin: 0;
}
.task-activity #comment-inline-edit-form .form-toolbar {
  padding-right: 0;
}
.task-activity .comment {
  *zoom: 1;
  margin-top: 10px;
}
.task-activity .comment:before,
.task-activity .comment:after {
  content: " ";
  display: table;
}
.task-activity .comment:after {
  clear: both;
}
.task-activity .left-column {
  padding-right: 0;
}
.task-activity .show-file-upload-box {
  z-index: 9999;
}
.right-side-details-view-panel {
  margin-top: 15px;
}
.right-side-details-view-panel .col-0 {
  width: 100%;
}
.right-side-details-view-panel td {
  padding: 0 0 5px 0;
  font-weight: normal;
}
.right-side-details-view-panel td strong {
  display: block;
}
.ProjectsActivityFeedPortletView tr:first-child td {
  border-top: none;
}
.edit-project-link {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
.project-extra-info {
  margin-bottom: 10px;
  font-style: italic;
}
.project-stats {
  padding-right: 5px;
  width: 20%;
  float: left;
  text-align: left;
  font-size: 12px;
}
.project-stats strong {
  font-size: 26px;
  font-weight: bold;
  display: block;
}
a + .project-stats {
  margin-left: 0;
}
.percent-complete.percent-green strong {
  color: #6fa82d;
}
.percent-complete.percent-yellow strong {
  color: #ffcc00;
}
.percent-complete.percent-red strong {
  color: #a82d31;
}
/*********************************************************************************
 * Zurmo is a customer relationship management program developed by
 * Zurmo, Inc. Copyright (C) 2013 Zurmo Inc.
 *
 * Zurmo is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY ZURMO, ZURMO DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 *
 * Zurmo is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 *
 * You can contact Zurmo, Inc. with a mailing address at 27 North Wacker Drive
 * Suite 370 Chicago, IL 60606. or at email address contact@zurmo.com.
 *
 * The interactive user interfaces in original and modified versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 *
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the Zurmo
 * logo and Zurmo copyright notice. If the display of the logo is not reasonably
 * feasible for technical reasons, the Appropriate Legal Notices must display the words
 * "Copyright Zurmo Inc. 2013. All rights reserved".
 ********************************************************************************/
@media screen and (min-width: 1601px) {
  .AppContainer {
    margin: 0 auto !important;
  }
  #HeaderLinksView > div {
    margin: 0 !important;
  }
  #app-search {
    margin-left: 0 !important;
  }
  #ShortcutsMenu {
    position: relative !important;
    top: -25px !important;
    right: 0 !important;
  }
}
@media screen and (max-width: 1000px) {
  .view-toolbar > a,
  .view-toolbar .parent > a {
    padding-left: 10px;
  }
  .view-toolbar > a:before,
  .view-toolbar .parent > a:before {
    display: none;
  }
}
@media all and (max-width: 900px) {
  .AppContainer {
    min-width: 0 !important;
  }
  #HeaderView {
    width: 100%;
    min-width: 0 !important;
  }
  .juiportlet-column {
    width: 100%;
    float: none;
  }
  .juiportlet-widget {
    min-width: auto;
    margin-right: 0px;
  }
  .DetailsAndRelationsView > div {
    float: none;
    width: 100% !important;
  }
  .breadcrumbs {
    padding-bottom: 10px;
  }
  .details-table {
    margin-right: 0;
  }
  .juiportlet-widget {
    margin-right: 0 !important;
  }
  .right-column,
  .left-column {
    width: 100%;
  }
  .right-side-edit-view-panel {
    padding: 0;
    padding: 0 0 0 0;
    background: none;
  }
  .module-intro-steps > div {
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
  }
}
@media all and (max-width: 801px) {
  /*and (max-height: 451px)*/
  #LoginPageView {
    padding-top: 0;
  }
  #LoginPageView > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
    -moz-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100% !important;
    height: 100% !important;
    display: block;
  }
  #LoginPageView #FooterView {
    -ms-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 10px 10px 5px 10px;
  }
  #LoginPageView #credit-link {
    margin-left: 0;
  }
  #LoginView {
    min-width: 0 !important;
    margin: 0;
    background-position: left bottom;
    height: auto;
    -ms-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  #login-box {
    width: 100%;
    height: auto;
    float: none;
    margin: 10px 0 0 0;
    top: 0;
    left: 0;
  }
  #login-box .form {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  #login-box .form form {
    border: none;
    padding: 0 10px 10px 10px;
  }
  #login-box #LoginLogo {
    float: none;
    width: 100%;
    height: 80px;
    padding: 0;
    background-position: 50% 50%;
  }
  #login-form {
    padding: 0 20px !important;
  }
}
